html, body {
    background: rgb(140,108,64);
    background: linear-gradient(180deg, rgba(140,108,64,1) 0%, rgba(206,188,155,1) 35%, rgba(255,255,255,1) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner > h1 {
    font-size: 2.2vw;
    top: auto;
    bottom: 5%;
    right: 2%;
    left: auto;
}
.banner > img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.banner-section > h1 {
    font-size: 3vw;
    top: auto;
    bottom: 5%;
    right: auto;
    left: 2%;
}
.bloq > a > h4 {
    font-size: 1.6vw;
    top: auto;
    bottom: 1%!important;
}
.bloq > a > img {
    border: solid 1px black;
    border-radius: 5px;
}
.img-left {
    float: left!important;
}
.div-left {
    float: left!important;
}
.img-right {
    float: right!important;
}
.div-right {
    float: right!important;
}
/*-- nav --*/
nav .navbar-nav li a{
    color: white !important;
}
nav .navbar-nav .dropdown-menu li a{
    color: black !important;
}
/* sub nav */
.lnk-nav-sub {
    color: black!important;
}
.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;

}
.logo_below {
    width: 55px;
    height: 50px;
}


/* dropdown hover */
@media screen and (max-width: 768px) {
    .dropdown:hover > .dropdown-menu {
        display: none;
        margin-top: 0;
    
    }
    /* .navbar-toggler {
        border-color: solid 2px white!important;
    }
    .navbar-toggler-icon {
        background: white;
        border-color: solid 2px white!important;
    } */
    .navbar-toggler {
        border-color: none;
    }
    .navbar-toggler-icon {
        background: none;
        border-color: none;
    }
    .navbar-toggler-icon::before {
        font-family: FontAwesome;
        font-size: 1.8rem;
        color: white;
        content: "\f0c9"; /* fa-bars, fa-navicon */
    }
    a > h4.carousel-caption {
        font-size: 2rem!important;
        font-stretch: expanded;
    }
    #contenido_pagina  img {
        max-width: 100%;
        max-height: auto;
    }
}