@media (max-width:991px){

    .navbar-brand{
        width:auto;
    }

    .nombre-logo{
        font-size:22px;
    }

    .navbar-collapse{
        margin-top:15px;
    }

    .navbar-nav{
        text-align:center;
    }

    .form-control{
        margin:15px 0;
    }

    .btn-success{
        width:100%;
    }

}
@media (max-width:767.98px){

    .hero{

        padding:60px 0;

        text-align:center;

    }

    .hero h1{

        font-size:2.2rem;

    }

    .hero p{

        font-size:1rem;

    }

    .hero .d-flex{

        justify-content:center;

    }

    .hero-beneficio{

        justify-content:center;

    }

    .hero-placeholder{

        margin-top:20px;

    }

}