@media only screen and (max-width: 1075px) {
    .mobile-tablet {
        display: block;
    }

    .pc {
        display: none;
    }

    #demo{
        z-index: 100;
    }

    .mob-bl1{
        position: relative;
        left:50%;
        transform: translate(-50%);
        width:76.32%;        
        /*background-color:rgb(0, 217, 255);*/
    }
    .bl1-titulo {
        position: relative;
        width: 100%;
        font-family: Sifon, serif;
        font-size: 38px;
        line-height: 1.3;
        color: rgb(255, 116, 107);
    }

    .bl1-subtitulo {
        position: relative;
        width: 100%;
        font-family: RobotoM, sans-serif;
        font-size: 34px;
        line-height: 1.3;
        color: rgb(68, 112, 230);
        padding-bottom: 22px;
    }

    .bl1-subtitulo > span{
        font-family: Sifon, serif; 
        font-size: 38px; 
        line-height: 1.3; 
        color: rgb(255, 116, 107);
    }

    .mob-ilust1{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 417px;
        height: 318px;
    }
    .mob-ilust2{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 381px;
        height: 382px;
        padding-top: 36px;
    }
    .mob-ilust3{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 474px;
        height: 392px;
    }
    .mob-ilust4{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 384px;
        height: 393px;
        padding-top: 36px;
    }

    .bl1-descripcion {
        position: relative;
        width: 350px;
        left: 14%;
        padding-top: 17%;
        padding-top: 2%;
        font-family: RobotoL, serif;
        font-size: 20px;
        line-height: 1.4;
        color: rgb(59, 59, 122);
    }
    .bl1-letraU {
        float: left;
        padding-top: 36px;
        padding-right: 7px;
    }
    .texto1{
        position: relative; 
        height: 100%; 
        font-family: RobotoL, serif; 
        font-size: 15px;
        line-height: 1.7;         
        color: rgb(65, 66, 126);
        padding-top: 36px;
    }
}

@media only screen and (max-width:667px){
    .mobile-tablet {
        display: block;
    }

    .pc {
        display: none;
    }

    #demo{
        z-index: 100;
    }

    .mob-bl1{
        position: relative;
        left:50%;
        transform: translate(-50%);
        width:76.32%;        
        /*background-color:rgb(0, 217, 255);*/
    }
    

    .bl1-titulo {
        position: relative;
        width: 100%;
        font-family: Sifon, serif;
        font-size: 23px;
        line-height: 1.3;
        color: rgb(255, 116, 107);
    }

    .bl1-subtitulo {
        position: relative;
        width: 100%;
        font-family: RobotoM, sans-serif;
        font-size: 22px;
        line-height: 1.3;
        color: rgb(68, 112, 230);
        padding-bottom: 22px;
    }

    .bl1-subtitulo > span{
        font-family: Sifon, serif; 
        font-size: 23px; 
        line-height: 1.3; 
        color: rgb(255, 116, 107);
    }

    .mob-ilust1{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 273px;
        height: 207px;
    }
    .mob-ilust2{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 250px;
        height: 250px;
        padding-top: 36px;
    }
    .mob-ilust3{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 259px;
        height: 217px;
    }
    .mob-ilust4{
        position: relative;
        left: 50%;        
        transform: translate(-50%);
        width: 230px;
        height: 235px;
        padding-top: 36px;
    }

    .bl1-descripcion {
        position: relative;
        width: 350px;
        left: 14%;
        padding-top: 17%;
        padding-top: 2%;
        font-family: RobotoL, serif;
        font-size: 20px;
        line-height: 1.4;
        color: rgb(59, 59, 122);
    }
    .bl1-letraU {
        float: left;
        padding-top: 36px;
        padding-right: 7px;
    }
    .bl1-planta-izq{
        position: absolute;
        left:3%;
        top:45%;
    }
    .bl1-calendario{
        position: absolute;
        left:20%;
        top:11%;
    }
    .bl1-celular{
        position: absolute;
        left:55%;
        top:35%;
    }
    .bl1-planta-der{
        position: absolute;
        left:65%;
        top:60%;
    }
    .bl1-globo-corte{
        position: absolute;
        left:7%;
        top:22%;
    }
    .bl1-globo-pesos{
        position: absolute;
        left:55%;
        top:4%;
    }
    .bl1-globo-fecha-limite{
        position: absolute;
        left:29%;
        top:55%;
    }
    .bl1-tarjeta{
        position: absolute;
        left:22%;
        top:70%;
    }
}