.first-container {
    margin-top: 0;
    min-height: 610px;
    min-width: 100%;
    background-image: url(../../img/banners/acercade-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.leyenda-container {
    max-width: 500px !important;
    margin-top: -50px;
    border-radius: 200px;
    padding: 30px 20px;
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(180deg, #94b400 8%, #41791b 100%);
}

.leyenda-text {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    color: white;
    letter-spacing: 2px;
    font-style: italic;
}

@media (max-width: 960px) {
    .leyenda-container {
        margin-top: 10px;
        padding: 10px 20px;
    }
    .leyenda-text {
        font-size: 15px;
    }

}

.display-3 {
    font-size: 4.5rem;
    line-height: 1.2;
    font-weight: 700 !important;
    text-shadow: -6px 2px #000000a8;
}

.img {
    margin-top: 0% !important;
    max-height: 100% !important;
    max-width: 300px !important;
    background-color: transparent;
    height: 1000px !important;
}

.img.side-2 {
    background-color: transparent;
}

.mv-container{
    height: 1000px;
    min-width: 100%;
    background-image: url(../../img/mision-vision-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 960px) {
    .mv-container{
        height: auto;
        background-image: none !important;
    }
}
.mision-div, .vision-div{
    margin-top: 20px !important;
    background-color: #8aad034f;
    padding: 40px !important;
}
.prefij-title{
    font-weight: 400;
    font-size: 40px;
}
.text-leyend{
    font-size: 25px !important;
    text-align: justify;
    font-weight: 300;
}

.container-valores{
    margin-top: 10px;
}
.valores-img{
    padding: 40px 20px;
    height: 700px;
    min-width: 100%;
    background-image: url(../../img/valores-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.valor-element{
    background-color: #ffffffc7;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px 40px !important;
}
.valor-text{
    font-size: 25px !important;
    text-align: justify;
    font-weight: 300;
}
@media (max-width: 960px) {

    .valores-img{
        height: auto !important;
        padding: 0px;
    }
    
    .valor-element{
        transform: scale(0.7) !important;
    }
}

.contacto-button {
    margin: 0px 0px 0px 0px;
    max-height: 700px;
    min-width: 100%;
    background-image: url(../../img/contactanos-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.btn-contacto {
    width: 300px;
    font-size: 30px;
    background-color: transparent;
    border: 3px solid white;
    color: white;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;

    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.btn-contacto:hover {
    background-color: #7ab730;
}

/*  cuando sale la hamburguesa desactivar hovers para celulares y dispositivos touch*/
@media (max-width: 992px) {
    .btn-contacto {
        background-color: #7ab730;
    }
}