/* =============================================================================
   FOOTER
   ============================================================================= */


/* -----------------------------------------------------------------------------
   SECTION
----------------------------------------------------------------------------- */

.footer{

    background:var(--ink);

    color:var(--paper);

    text-align:center;

    padding:40px 20px;

}


/* -----------------------------------------------------------------------------
   DIVIDER
----------------------------------------------------------------------------- */

.footer-divider {

    width:100%;

    height:1px;

    background:var(--gold);

    margin:0;

}


/* -----------------------------------------------------------------------------
   BRAND
----------------------------------------------------------------------------- */

.footer-brand{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:45px;

}

.footer-brand h2{

    margin:0;

    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size:46px;

    font-weight:400;

    letter-spacing:0.25em;

    text-transform:uppercase;

}


/* -----------------------------------------------------------------------------
   FLAGS
----------------------------------------------------------------------------- */

.flag-group{

    display:flex;

    align-items:center;

    gap:12px;

}

.flag{

    width:70px;

    height:70px;

    border-radius:50%;

    border:2px solid var(--gold);

    object-fit:cover;

}

.flag-heart{

    color:var(--gold);

    font-size:20px;

    line-height:1;

}


/* -----------------------------------------------------------------------------
   TAGLINE
----------------------------------------------------------------------------- */

.tagline{

    margin-top:18px;

    color:var(--gold);

    font-size:18px;

    letter-spacing:4px;

}


/* -----------------------------------------------------------------------------
   NAVIGATION
----------------------------------------------------------------------------- */

.footer-nav{

    margin-top:24px;

}

.footer-nav a{

    color:var(--paper);

    text-decoration:none;

    opacity:.85;

    margin:0 10px;

    font-weight:300;

}

.footer-nav span{

    color:var(--gold);

}


/* -----------------------------------------------------------------------------
   COPYRIGHT
----------------------------------------------------------------------------- */

.copyright{

    margin-top:26px;

    opacity:.65;

    font-size:14px;

}


/* -----------------------------------------------------------------------------
   DESKTOP
----------------------------------------------------------------------------- */

@media (min-width:769px){

}


/* -----------------------------------------------------------------------------
   MOBILE
----------------------------------------------------------------------------- */

@media (max-width:768px){

    .footer{

        padding:32px 24px 36px;

    }

    .footer-divider{

        gap:40px;

        margin-bottom:22px;

    }

    .footer-divider{

    margin-bottom:0px;

    }

    .footer-brand{

        flex-direction:column;

        gap:18px;

    }

    .flag-group{

        justify-content:center;

    }

    .flag{

        width:54px;

        height:54px;

    }



    .footer-brand h2{

    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size:30px;

    font-weight:400;

    letter-spacing:0.18em;

    text-transform:uppercase;

}


    .tagline{

        max-width:240px;

        margin:14px auto 18px;

        font-size:15px;

        line-height:1.45;

        letter-spacing:2.5px;

    }

    .footer-nav{

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:10px;

    }

    .footer-nav span{

        display:none;

    }

    .footer-nav a{

        margin:0;

    }

    .copyright{

        margin-top:26px;

        font-size:13px;

        line-height:1.5;

        opacity:.7;

    }

}