.imgresponsive{
    height:78.2vh !important;
}
.mapadelsitio{
    z-index: 2; 
    margin-left: 20%; 
    margin-bottom: -120px;
}

html{
    overflow-x: hidden !important;
}

@media (max-width: 480px){
    /* ====== home ====== */

    section.block-home-portada{
        margin-top: 46px !important;
    }

    .navbar-brand img {
        max-height: 60px !important;
    }
    .regular #titulo1, .regular #titulo2, #titulo3, #titulo4{
        font-size: 22px !important;
    }
    #sobreProyecto, #casoSismo{
        font-size: 14px !important;
    }
    /* ENLACES */
    #olwEnlaces .img-responsive{
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero-overlap .featured-slider .owl-carousel .owl-stage-outer {
        height: 40% !important;
    }

    /* controls slider */
    
    .owl-controls .owl-nav .owl-prev{
        margin-left: 2rem !important;
        width: 5rem !important;
        height: 5rem !important;
        /* display: flex !important;
        justify-content: center !important; 
        align-items: center !important; */
    }
    .owl-controls .owl-nav .owl-next{
        margin-right: 2rem !important;
        width: 5rem !important;
        height: 5rem !important;
    }
    .owl-controls .owl-nav [class*=owl-] {
        line-height: 3.5rem !important;
    }
    /* localidades */
    .block-home-location .options{
        margin-left: -15px !important;
        padding-right: 15px !important;
    }
    .separator{
        display:none;
    }

    /* footer */
    footer .container img{
        max-width: 80% !important;
        margin-top: 20px;
    }

    /* ====== proyecto ====== */

    #parentEducativas p#educativas, #parentInfoproyecto p#infoproyecto{
        font-size: 14px;
    }
    /* ====== mapa del sitio ====== */
    section.block-mds-portada{
        margin-top: 70px !important;
    }
    
    .hero-overlap .item .img-responsive{
        height: 40vh !important;
    }
    #linkprincipal.circulo-flecha{
        width: 50px !important;
        height: 50px !important;
        margin-top: -85px !important;
    }
    #linkprincipal img{
        width:35px !important;
        height:13px !important;
        margin-top: -16px !important;
    }
    .intro-wrap.mapadelsitio{
        margin-left: 0% !important;
        margin-bottom: 0px !important;
        font-size: 22px !important;
    }
    .intro-wrap.mapadelsitio h1{
        font-size: 24px !important;
    }


    /* modals */

    #sismo #masSismo .tablink {
        width: 100% !important;
        margin: 3px 0 3px 0;
        font-size: 15px;

    }
    #masSismo .tabcontent {
        padding: 0px !important;
    }
    #masSismo .tabcontent img{
        padding-top: 15px !important;
    }
    /* #masSismo .tabcontent{
    } */
    #masSismo h4, #masSismo h4 a{
        word-break:break-all !important;
        font-size: 15px !important;
    }

    /* ========= block-location ========= */
    /* portada */
    .destination-header{
        margin-top: 46px !important;
    }
    .destination-header .intro-title span{
        font-size: 25px !important;
    }
    .destination-header .intro-title img{
        max-width: 20% !important;
    }
    /* body */
    .block-location .jumbotron {
        padding: 20px 25px 20px 25px !important;
    }
    .block-location .jumbotron h2 {
        font-size: 22px;
    }
    .block-location .jumbotron p {
        font-size: 15px;
    }

    /* card-about-location */
    .card-about-location{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .card-about-location{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .card-about-location .linkinfo{
        padding: 8px 8px 8px 8px !important;
        margin: 2px 0 2px 0;
        
    }

    .card-about-location .linkinfo img{
        width:100px  !important;
        height:auto  !important;
    }
    .card-about-location .linkinfo h5{
        font-size: 14px;
    }

    
    .destination-header #linkprincipal.circulo-flecha{
        bottom: -325px !important;
        width: 50px !important;
        height: 50px !important;
        left: 145px;
    }

/* 
    #linkprincipal.circulo-flecha{
        width: 50px !important;
        height: 50px !important;
        margin-top: -85px !important;
    }
    #linkprincipal img{
        width:35px !important;
        height:13px !important;
        margin-top: -16px !important;
    } */






}