/* ==================================
   LEGAL PAGE
================================== */

.legal-page{

    padding:20px 0;

}


.legal-header{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}


.legal-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:100px;

    background:#E8F5F4;

    color:#009893;

    font-size:.85rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:20px;

}


.legal-header h1{

    font-family:"Fraunces", serif;

    font-size:clamp(2.5rem,5vw,4rem);

    color:#00252A;

    margin-bottom:20px;

}


.legal-header p{

    color:#5D6B78;

    line-height:1.8;

    font-size:1.05rem;

}


.legal-nav{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:70px;

}


.legal-nav a{

    text-decoration:none;

    padding:10px 18px;

    border-radius:50px;

    background:#F5F7F8;

    color:#00252A;

    font-weight:600;

    transition:.3s;

}


.legal-nav a:hover{

    background:#009893;

    color:#fff;

}


.legal-section{

    width:65%;

    margin:0 auto 30px;

    scroll-margin-top:120px;

}


.legal-section h2{

    font-family:"Fraunces", serif;

    color:#00252A;

    margin-bottom:20px;

}


.legal-section p{

    color:#000000;

    line-height:2;

    margin-bottom:20px;

}


/* Mobile */

@media(max-width:992px){

    .legal-page{

        padding:30px 0;

    }

    .legal-section{

        width:90%;

    }

}