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

.terms-hero{
    width:100%;
    height:600px;
    padding-top:120px;

    background-image:url("../img/hero-terms.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.terms-hero h1{
    font-family:"Figtree", sans-serif;
    font-weight:600;
    font-size:64px;
    line-height:120%;
    color:#1E3B40;
}

.terms-hero p{
    font-family:"Bricolage Grotesque", sans-serif;
    font-weight:600;
    font-size:18px;
    color:#316972;
}



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

@media (max-width:992px){

.terms-hero{
    height:500px;
    padding-top:110px;
}

.terms-hero h1{
    font-size:48px;
}

.terms-hero p{
    font-size:18px;
}

/* Fix navbar menu button */

.navbar-toggler{
    background:#173f42;
    color:#fff;
    border-radius:25px;
    padding:6px 16px;
    border:none;
    font-size:14px;
}

.navbar-toggler.is-active{
    background:#173f42;
}

.navbar-toggler:focus{
    box-shadow:none;
}

/* Keep navbar transparent */

.header-top{
    background:transparent !important;
}

.header-scroll{
    background:transparent !important;
}

.navbar-expand-lg.header-is-active{
    background:transparent !important;
}

}



@media (max-width:768px){

.terms-hero{
    height:420px;
    padding-top:100px;
    background-position:top center;
}

.terms-hero h1{
    font-size:36px;
}

.terms-hero p{
    font-size:16px;
}

/* keep navbar transparent */

.header-top{
    background:transparent !important;
    box-shadow:none !important;
}

.header-scroll{
    background:transparent !important;
}

.navbar-expand-lg.header-is-active{
    background:transparent !important;
}

.navbar{
    background:transparent !important;
}

}



@media (max-width:480px){

.terms-hero{
    height:360px;
    padding-top:90px;
}

.terms-hero h1{
    font-size:28px;
}

.terms-hero p{
    font-size:15px;
}

}
/* ===========================
   Terms Content
=========================== */

.terms-content{
    padding:80px 0;
    background:#ffffff;
}

.terms-wrapper{
    max-width:900px;
    margin:auto;
    display: block;
}

.terms-wrapper p{
    font-family:"Bricolage Grotesque", sans-serif;
    font-size:16px;
    line-height:170%;
    color:#316972;
    margin-bottom:25px;
}