@media only screen and (min-width:600px){

    .cta{
        background:#fff0;
        bottom:auto;
        top:0%;
        width:150px;
        height: 60px;
        right:0%;
        left:auto;
        border-radius:15px;
    }

    .sub-nav{
        display:flex;
    }

    .menu-bg{
        display:none;
    }
}
@media only screen and (orientation: landscape){
    .cta--feliz {
        width: 10%;
        margin-left: 10%;
        margin-top: 5%;
    }

/*-------------------------------------------------------------------*/
/*--PAGINA 01------------------------------------------------------- */
/*-------------------------------------------------------------------*/
    .tv-play {
        width: 7%;
        margin-top: -16%;
        position: absolute;
        margin-left: -24%;
    }
    .tv-cont {
        width: 40%;
        margin-left: 50%;
        margin-top: 10%;
    }



    .cta--logo{
        width: 15%;
        left: 42%;  
    }

    .titulo{
        margin-top:-29%;
        margin-left: 10%;
        font-size: 30px;
        text-align: left;
    }

    .subtitulo{
        text-align: left;
        font-size: 16px;
        margin-top: 0;       
    }

    .parrafo{
        font-size: 16px;
        margin-left: 10%;
        width: 37%;
    }
/*-------------------------------------------------------------------*/
/*--PAGINA 02------------------------------------------------------- */
/*-------------------------------------------------------------------*/
    .agente {
        width: 30%;
        margin-left: 55%;
        margin-top: -11%;

    }

    .titulo--sec {
        width: 35%;
        text-align: left;
        font-size: 18px;
        margin-top: 10%;
        margin-left: 10%;
    }

    .caract-cont{
        width:70%;
        margin-left:15%;
        grid-template-columns: auto auto;
        grid-column-gap: 20px;
    }

    .caract-col{
        width:100%;
        margin-left:0;
    }

    .caract-col div{
        font-size:16px!important;
        margin-top:-25px;
    }

    .caract-col p{
        font-size:16px!important;
    }

    .caract-col img{
        width:20px;
    }

    .titulo--ter{
        margin-top:8%;
    }
/*-------------------------------------------------------------------*/
/*--PAGINA 03------------------------------------------------------- */
/*-------------------------------------------------------------------*/
    .titulo-bp2{
        text-align: left;
    }

    .titulo--sec-b{
        text-align:left;
    }

    .funciona-p{
        margin-left:0;
        width:50%;
    }

    .totem{
        width: 35%;
        margin-left: 65%;
        margin-top: -32%;
    }

    .tucontenido{
        text-align: left;
        margin-top: 10%;      
    }
    .titulo-bp, .subtitulo--bp{
        text-align:left;
    }

    .bp-secc{
        width: 30%;
        margin-left: 60%;
        margin-top: -22%;
    }

    .parrafo-din{
        margin-top: -15%;
        text-align: left;
        width: 40%;
        margin-left: 0;
    }

    .bp-remoto{
        width: 40%;
        margin-left: 55%;
        margin-top: 10%;
    }

    .remoto{
        text-align: left;
        margin-top: -25%;       
    }

    .editor{
        margin-left: 0;
        width: 47%;
    }

    .blueprint{
        height: auto;
        width:100%;
    }

/*-------------------------------------------------------------------*/
/*--PAGINA 04------------------------------------------------------- */
/*-------------------------------------------------------------------*/
    .estad{
        margin-left: 10%;
        font-size: 30px;
    }

    .online{
        margin-left:10%;
    }

    .visitadas{
        margin-left: 10%;
        width: 45%;        
    }

    .div-stats{
        width: 37%;
        margin-left: 57%;
        margin-top: -28%;
    }

    .reportes {
        margin-left: 10%;
        width: 40%;
        margin-top: 5%;
    }

    .stats-servicios {
        margin-top: -13%;
        margin-left: 63%;
        width: 22%;
        position: absolute;
    }
/*-------------------------------------------------------------------*/
/*--PAGINA 05------------------------------------------------------- */
/*-------------------------------------------------------------------*/
    .contacto-fondo{
        margin-top:-50%;
    }
    .contacto-img {
        width: 12%;
        margin-left: 5%;
        margin-top: 5px;
    }

    .ult-titulo{
        margin-top:0;
    }

    .grilla-ct{
        width: 40%;
        margin-left: 34%;
        margin-top: 2%;       
    }

    .fenoma{
        bottom:3%;
    }

    .mail-ct{
        width: 30%;
        left: 35%;
        bottom: 10%;
    }

} /*---end landscape*/

@media only screen and (min-width:800px) and (orientation: landscape) {

    .blueprint{
        height:100%;
        width:auto;
    }

    .div-stats{
        margin-top:-18%;
    }

    .reportes{
        margin-top:-12%;
    }

    .stats-servicios{
        margin-top: 2%;
        margin-left: 10%;
    }

    .cta--logo {
        width: 30%;
        left: 35%;
    }

    .cta--feliz {
        margin-top: 28%;
        width: 25%;
        margin-left: 37.5%;
    }
}