/* ==========================================================
   HERO
========================================================== */

.legal-hero{

    min-height:60vh;

    display:flex;
    align-items:flex-end;

    background:var(--dark);

}

.legal-hero .content{

    padding-bottom:90px;

}

/* ==========================================================
   CONTENU
========================================================== */

.legal-section{

    background:var(--light);

    color:var(--dark);

    padding:100px 0 140px;

}

.legal-content{

    width:100%;
    max-width:1000px;

    margin:0 auto;

    padding:0 40px;

}

.legal-block{

    padding-bottom:55px;
    margin-bottom:55px;

    border-bottom:1px solid rgba(38,38,36,.12);

}

.legal-block:last-child{

    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;

}

.legal-block h2{

    margin:0 0 30px;

    font-size:2rem;
    line-height:1;

    text-transform:uppercase;
    font-weight:950;

    color:var(--accent);

}

.legal-block p{

    margin:18px 0;

    color:#555;

    font-size:1.08rem;
    line-height:1.8;

}

.legal-block strong{

    color:var(--dark);

}

.legal-block a{

    color:var(--accent);

    transition:.25s;

}

.legal-block a:hover{

    opacity:.75;

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:768px){

    .legal-section{

        padding:70px 0 90px;

    }

    .legal-content{

        padding:0 24px;

    }

    .legal-block h2{

        font-size:1.6rem;

    }

}