/* @group Site Nav
------------------------------------ */
.site-nav {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 10;
    padding: 2.7rem 0 0;
}
.site-nav .col-12-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LOGO */
.site-nav .logo {
    color: rgba(229,229,229,1);
    font: 400 1.4em / 1.143em var(--bilo-font);
    letter-spacing: 2.24px;
    max-width: 12.8rem;
    padding-left: 4.5rem;
    position: relative;
}
.site-nav .logo img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 3.5rem;
    height: auto;
}

/* MICHELIN LOGO */
.site-nav .michelin-logo img {
    width: 52px;
    height: auto;
}


@media only screen
and (min-width : 961px) {

    /* LOGO */
    .site-nav .logo {
        font-size: 1.6em;
        letter-spacing: 2.56px;
        line-height: 1.125em;
        max-width: 14.1rem;
        padding-left: 5rem;
    }
    .site-nav .logo img {
        width: 4rem;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */

/* @group Page Header
------------------------------------ */
.page-hader {
    margin: 0 0 14.2rem;
}
.page-hader .outerAbsolute {
    padding: 19.7rem 0 0;
}
.page-hader .img-box {
    height: 100vh;
}
.page-hader .img-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(51, 51, 64, .6);
    pointer-events: none;
}
.page-hader h1 {
    color: var(--text-white);
    font-size: 2.4em;
    font-weight: 400;
    letter-spacing: 3.84px;
    line-height: 1.335em;
    margin: 0 0 5.6rem;
}
.page-hader h1 em {
    font-weight: 500;
    display: block;
}
@media only screen
and (min-width : 961px) {
    .page-hader .img-box {
        min-height: 70rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */

/* @group Media
------------------------------------ */

.button-list li {
    font-size: 3.6em;
    font-weight: 300;
    letter-spacing: 5.76px;
    line-height: 1.167em;
    margin: 0 0 2.7rem;
    text-transform: uppercase;
}
.button-list li a {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
}
@media only screen
and (min-width : 961px) {
    .page-main aside p {
        margin: 0 0 1.7rem;
        max-width: 88.2rem;
    }
    .page-main aside img {
        margin: 0 4.5rem 0 0;
        max-width: 12rem;
    }
    @media (hover: hover) {
        .page-main a:hover { 
            color: var(--text-hover); 
        }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-main article ul { margin: 0 0 20rem; }
    .page-main aside { margin: 9.9rem 0 7.4rem; }
}

/* @end */

/* @group Site Footer
------------------------------------ */
.site-footer .row--first,
.site-footer .row--first address {
    padding-bottom: 4.5rem;
}
.site-footer address h3 {
    margin: 0 0 2.9rem;
    color: var(--gris-hielo, #C8D5DB);
    font-family: var(--bilo-font);
    font-size: 3.6rem;
    line-height: 122.222%;
    font-style: normal;
    font-weight: 200;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.site-footer address .txt-link,
.site-footer aside p,
.site-footer address p {
    color: var(--gris-hielo, #C8D5DB);
    font-family: var(--bilo-font);
    font-size: 2rem;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.site-footer .txt-link {
    display: inline-block;
    font-family: var(--main-font);
    margin: 4.2rem 0 0;
}
.site-footer aside img {
    display: inline-block;
    margin: 0 3.5rem 1.3rem 0;
    max-width: 9rem;
    vertical-align: middle;
}
.site-footer .social-networks {
    margin: 2.3rem 0 0;
}
.site-footer .social-networks li {
    font-size: 2.2rem;
    margin-right: 5.1rem;
    display: inline-block;
}
.site-footer .icon-list-container {
    margin: 0 0 4.9rem;
}
.site-footer .icon-list-container h3 {
    color: var(--gris-hielo, #C8D5DB);
    font-family: var(--bilo-font);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 214.286%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.site-footer .large-text {
    margin: 0 0 6.3rem;
}
.site-footer .large-text p {
    color: var(--gris-hielo, #C8D5DB);
    font-family: var(--bilo-font);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 166.667%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.site-footer .icon-list-bottom img {
    display: inline-block;
    margin: 0 3.5rem 0 0;
    max-width: 9rem;
    vertical-align: middle;
}
.site-footer .developed-by {
    margin: 5.4rem 0 5.7rem;
}
.site-footer .developed-by p {
    color: var(--gris-hielo, #C8D5DB);
    font-family: var(--bilo-font);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 300;
    line-height: 250%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
@media only screen
and (min-width : 961px) {
    .site-footer .row--first {
        padding: 0 0 9.6rem;
    }
    @media (hover: hover) {
        .site-footer a:hover { color: var(--text-hover); }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end */