@media (min-width: 1200px) {
    body{
        margin-top: 150px;
    }
    .navbar-brand img{
        height: 70px !important;
    }
}
/* @media (min-width: 1200 px) */

@media (max-width: 1199px) {
    body{
        margin-top: 7rem !important;
    }
    #logo{
        height: 3.75rem !important;
    }
    .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
    #header .btn-reservas,
    #header .btn-promociones{
        font-size: 0.85rem;
        margin-bottom: 0.25rem;
    }
    .navbar-light .navbar-nav .nav-link {
        background: transparent;
        color: rgba(10,10,10,0.8);
        font-size: 0.9rem;
        padding: 0 0.5rem;
    }
}
/* @media (max-width: 1199 px) */
@media (max-width: 768px) {
    body{
        margin-top: 134px !important;
    }
    footer .row h2{
        font-size: 30px;
    }
    footer {
        margin-top: 0;
    }
    #header .logo {
        margin-bottom: 15px;
    }
    .header {
        text-align: center;
    }
    #header .btn-reservas,
    #header .btn-promociones{
        margin: 0.25rem 0;
        font-size: 0.85rem;
    }
    .navbar-nav li {
        margin: 0.35rem 0;
    }
    .bg-crema p,
    .bg-verde-claro p,
    .bg-gris p,
    .bg-gris-suave p{
        padding: 30% 0;
    }
    #logo{
        height: 5rem !important;
    }
}
/* @media (max-width: 767 px) */

@media (max-width: 576px) {
    body{
        margin-top: 120px !important;
    }
    #logo{
        height: 4.25rem !important;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bg-espacio{
        padding: 40px 0;
    }
    .bg-crema p,
    .bg-verde-claro p,
    .bg-gris p,
    .bg-gris-suave p{
        padding: 20% 0;
    }
    .bg-inicio h1{
        font-size: 3.5rem;
    }
    .padding-movil{
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
} /* @media (max-width: 479px) */

@media (max-width: 375px) {
    body{
        margin-top: 11rem !important;
    }
    #logo{
        height: 3.5rem !important;
    }
    .navbar-brand img{
        height: 100px !important;
    }
    #header .btn-reservas,
    #header .btn-promociones{
        margin: 0.25rem 0;
        font-size: 0.8rem;
    }
    .carousel-control-next, .carousel-control-prev{
        top: 40%;
        width: 7%;
    }
    .bg-espacio{
        padding: 40px 0;
    }
    .bg-inicio h1{
        font-size: 2.5rem;
    }

}