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

.hero{
    height: 85vh;

    background:
    linear-gradient(
        rgba(0,59,102,.35),
        rgba(0,59,102,.35)
    ),
    url('../img/bannweprincipal.png');

    background-size: cover;
    background-position: center;

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

    text-align: center;
    color: white;

    padding: 0 20px;

    margin-top: 68px;
}

.hero-content{
    max-width: 850px;
}

.hero-content h1{
    font-family: 'Playfair Display', serif;
    font-size: 58px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero-content p{
    font-size: 24px;
    margin-bottom: 30px;
}

.btn{
    display: inline-block;
    background: #003B66;
    color: white;
    padding: 16px 38px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    transition: .3s;
}

.btn:hover{
    background: white;
    color: #003B66;
}

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

@media(max-width: 992px){

    .hero{
        height: 70vh;
        margin-top: 68px;
    }

    .hero-content h1{
        font-size: 40px;
    }

    .hero-content p{
        font-size: 20px;
    }

    .btn{
        padding: 14px 30px;
        font-size: 18px;
    }
}