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

.legal-hero{

    padding:80px 20px 70px;

}

.legal-container{

    max-width:1000px;

    margin:auto;

}

.legal-hero h1{

    font-family:'Poppins',sans-serif;

    font-size:60px;

    line-height:1.2;

    margin-bottom:18px;

}

.legal-hero p{

    color:#777;

    font-size:16px;

}

/* ========================= */
/* CONTENT */
/* ========================= */

.legal-section{

    padding:0 20px 100px;

}

.legal-card{

    background:white;

    padding:60px;

    border-radius:32px;

    box-shadow:
    0 10px 40px rgba(
        0,
        0,
        0,
        0.05
    );

}

.legal-card h2{

    font-family:'Poppins',sans-serif;

    font-size:28px;

    margin-top:40px;

    margin-bottom:18px;

}

.legal-card h2:first-child{

    margin-top:0;

}

.legal-card p{

    color:#666;

    line-height:2;

    font-size:16px;

}

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

@media(max-width:992px){

    .legal-card{

        padding:45px;

    }

    .legal-hero h1{

        font-size:48px;

    }

}

@media(max-width:768px){

    .legal-hero{

        padding:60px 20px;

    }

    .legal-card{

        padding:35px;

        border-radius:24px;

    }

    .legal-hero h1{

        font-size:38px;

    }

    .legal-card h2{

        font-size:24px;

    }

}

@media(max-width:576px){

    .legal-card{

        padding:28px;

    }

    .legal-hero h1{

        font-size:32px;

    }

    .legal-card p{

        font-size:15px;

    }

}