footer .h2,
.footer .h2 {
    margin: 3rem auto 7rem auto;
    font-family: 'Brandon-Grotesque-Bold', sans-serif;
    width: 80%;
    font-size: 7rem;
    line-height: 110%;
}

footer .links,
.footer .links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5.6rem;
}

footer .link,
.footer .link {
    height: 13rem;
    width: 13rem;
}

footer .link.fb,
.footer .link.fb {
    background-image: url('/public/images/logo-fb.svg');
}

footer .link.web,
.footer .link.web {
    background-image: url('/public/images/logo-web.svg');
}
/* ----------------- Header ----------------- */

header {
    position: relative;
    width: 100%;
}

header .background {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5rem;
    width: 122%;
    height: 70rem;
    background-image: url("/public/images/bg-islands-top.svg");
    background-position: top;
}

header .logo {
    position: relative;
    margin: 0 auto;
    height: 48rem;
    width: 70%;
    background-image: url("/public/images/logo-text.png");
}


/* ----------------- Footer ----------------- */

footer .waveDivider,
.footer .waveDivider {
    margin: 5rem auto 2rem auto;
    width: 70%;
    height: 10rem;
    background-image: url('/public/images/bg-waves.svg');
}

footer .background,
.footer .background {
    margin: 0;
    width: 100%;
    height: 34rem;
    background-image: url('/public/images/bg-bottom.png');
    background-position: bottom;
}

footer .footerText,
.footer .footerText {
    margin: 0 auto;
    width: 90%;
    font-size: 3.5rem;
    line-height: 130%
}

footer .footerText a,
.footer .footerText a {
    text-decoration: underline;
}

footer .footerText .item,
.footer .footerText .item {
    margin-bottom: 2.4rem;
}

footer .logo,
.footer .logo {
    margin: 5rem auto 5rem auto;
    width: 100%;
    height: 32rem;
    background-image: url('/public/images/logo.png');
}