@media (max-width: 480px){
}
@media (max-width: 768px){
    #menu-general-principal{
        padding: 1.5em 0 .35em 0;
    }
    #menu-general-principal a{
        margin: .3em;
        padding: .35em .45em;
        font-size: .95em;
    }
    #menu-general-principal a img{
        height: 1em;
    }
    .responsive-768{
        display: inline;
    }
    .responsive-769{
        display: none;
    }
    #contenido-de-seccion{
        margin: .5em auto;
        padding: 1em;
        max-width: 97% !important;
        min-height: 40vh;
    }
    .tarjeta-presentacion{
        padding: 2.5em 1.5em;
    }
}
@media (max-width: 1024px){
    .tarjeta-presentacion{
        position: relative;
        padding: 2em !important;
        flex-flow: column-reverse;
    }
    .tarjeta-presentacion .tp-area:nth-child(2){
        display: none
    }
}
@media (max-width: 1440px){
    #menu-general-principal{
        padding: 2em 0 .5em 0;
    }
    #menu-general-principal a{
        margin: .3em;
        padding: .85em 1.25em;
        font-size: .95em;
    }
    #contenido-de-seccion{
        max-width: 80%;
    }
    .tarjeta-presentacion{
        padding: 2em 3em;
    }
    .tarjeta-presentacion h1{
        position: relative;
        bottom: 0;
        left: 0;
        rotate: 0deg;
    }
    .tarjeta-presentacion h2{
        font-size: 1.5em;
    }
    #imagen-principal-inicio{
        height: 25vh !important;
    }
    .tarjeta-descripcion-servicio{
        padding: 1.8em;
    }
    .tarjeta-descripcion-servicio p{
        margin-bottom: .5em;
        font-size: 1em;
    }
}