@media (max-width: 1076px){
    .footerfinal .subMid{
        flex-direction: column;
    }
    .footerfinal .subMid panelright{
        margin-left: 0px;
    }
    .footerfinal .subMid panelleft{
        width: 100%;
    }
    .endpage .dataGroup .data group{
        font-size: 3rem;
        height: 3rem;
    }

    .slider-horizontal proyecto figcaption h1{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .slider-horizontal proyecto detail-texto h1{
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 50px;
    }
    .slider-horizontal proyecto caratula{
        font-size: 6rem;
    }
}
@media (max-width: 768px){
    #LogoUMini {
        top: 0px;
        right: 0px;
        width: 40px;
        font-size: 2.5rem;
    }
    .slide-text-small-1{
        font-size: 3rem !important;
        line-height: 3rem !important;
    }
    .slide-text-align-right{
        font-size: 3rem !important;
        line-height: 3rem !important;
    }
    .slide-text-small-2{
        font-size: 2rem !important;
        line-height: 2rem !important;
    }
    .slide-small-mobile {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
    }
    .mainsection{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 1fr 1fr 0.5fr 0.5fr 1fr 1fr;
        grid-template-areas:
        "issue issue"
        "texto1 texto1"
        "sublogo sublogo"
        "logo ."
        "texto2 texto2"
        "tags tags"
        ". .";
        margin: 0 10px !important;
    }
    .mainsection texto1{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .mainsection texto2{
        font-size: 1.5rem;
        line-height: 1.5rem;
        left: 0;
    }

    tags span{
        font-size: 1rem;
    }
    .slider-horizontal proyecto caratula{
        font-size: 3rem;
    }
    .slider-horizontal proyecto titulo{
        left: 0;
        font-size: 2rem;
    }
    .slider-horizontal proyecto tags{
        right: 20px;
        top: 150px;
        width: 80%;
        display: none;
    }
    .slider-horizontal proyecto figcaption{
        right: 0px;
        bottom: 155px;
        height: 150px;
        width: 60%;
    }
    .slider-horizontal proyecto figcaption h1{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .slider-horizontal proyecto boton-naranja{
        font-size: 1.5rem;
        line-height: 1.5rem;
        width: 60%;
        height: 1.5rem;
        right: 0px;
        bottom: 300px;
    }
    .slider-horizontal proyecto data{
        left:0px;
        bottom: 100px;
    }
    .slider-horizontal proyecto data fecha{
        font-size: 1rem;

    }
    .slider-horizontal proyecto data lugar{
        font-size: 1rem;
    }
    .slider-horizontal proyecto data pais{
        font-size: 1rem;
    }
    .slider-horizontal proyecto only-text{
        left: 10px;
    }
    .slider-horizontal proyecto tituloBig{
        left: 10px;
        font-size: 3rem;
    }
    .slider-horizontal proyecto detail-texto{
        right: 20px;
        width: 90%;
    }
    .slider-horizontal proyecto detail-texto h1{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .section-pin-vert{
        padding: 0 10px;
    }
    .slide-title-text{

    }
    slide-title-text texto{
        font-size: 6vw;
        line-height: 6vw;
    }
    .endpage{
        padding: 0 10px;
    }
    .endpage .dataGroup .data indice{
        display: none;
    }
    .endpage .dataGroup .data lineaCorta{
        display: none;
    }
    .endpage .dataGroup .data datos{
        display: none;
    }
    .endpage .dataGroup .data lineaLarga{
        left: 0;
    }
    .endpage .dataGroup .data group{
        left: 0;
    }
    .endpage .dataGroup .data botonir{
        display: none;
    }
    .endpage .subLeft{
        display: none;
    }
    .endpage .subRight{
        display: none;
    }
    .endpage tags{
        width: 90%;
    }
    .endpage servicios span{
        font-size: 2rem;
        line-height: 2rem;
    }
    .endpage .notas{
        width: 100%;
    }
    notamini{
        min-width: 50%;
        margin: 5px 0;
    }
    .endpage .notas{
        margin-left: 0;
    }
    .footerfinal .subRight{
        display: none;
    }
    .footerfinal .subLeft{
        display: none;
    }
    .footerfinal .subMid panelleft{
        min-width: unset;
    }
    .footerfinal .subMid{
        margin: 0 10px !important;
    }
    .footerfinalBlue .subLeft{
        display: none;
    }
    .footerfinalBlue .subMid{
        margin: 0 10px !important;
    }
    .footerfinalBlue .subRight{
        display: none;
    }
    .footerfinalBlue .subMid redes{
        font-size: 1rem;
        padding-left:0px;
    }
    .menu-over-grid{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr 1fr;
        grid-template-areas:
        "logo logo"
        "navegacion navegacion"
        "redes redes";
        margin-right: 0px;
        margin-left: 0px;
    }
    #menu-over-logo{
        width: 50%;
        max-width: 100px;
    }
    .menu-over img{
        width: auto !important;
    }
    proyectos-page{
        margin: 0 10px;
        box-sizing: border-box;
    }
    proyectos-page h1{
        font-size: 3rem;
        line-height: 3rem;
    }
    proyectos-page figcaption h1{
        font-size: 3rem;
        line-height: 3rem;
    }
    content-detalle titulo {
        font-size: 2rem;
        line-height: 2rem;
        display: block;
    }
    content-detalle h2{
        font-size: 3rem;
        line-height: 3rem;
    }
    content-detalle data{
        font-size: 1rem;
        line-height: 1rem;
    }
    content_mini{
        margin: 10px 0;
    }
    section-large{
        padding: 0 10px;
    }
    generic-page h2{
        font-size: 2rem;
        line-height: 2rem;
    }
    frameimage text-top, frameimage text-bottom{
        font-size: 1rem;
        line-height: 1rem;
    }
    frameimage h3{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    generic-page h3{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    generic-page h1{
        font-size: 3rem;
        line-height: 3rem;
    }
    alianzas alianza nombre{
        font-size: 1rem;
        line-height: 1rem;
    }

}
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
    slide-title-text h1{
        margin: 0px;
    }
    .slider-horizontal proyecto only-text{
        font-size: 4rem;
        line-height: 4rem;
    }
    .slider-horizontal proyecto detail-texto h1{
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 50px;
    }
}