@media only screen and (min-width: 768px)  and (max-width: 1024px)  {
    /***************************BIENVENIDA**************************************/   
    .container-banner img{
        z-index:-1;
        margin-bottom:-90px;    
        width:100%;
    } 
    .grid__bienvenida{
        padding: 0px 60px 0 60px;
    }
    .item__bienvenida:nth-child(1){
        padding: 10px;
        grid-column: 1 / span 2;
        grid-row: 1;
        text-align: center;
        line-height: 30px;
        margin-top: 120px;
        margin-bottom:60px;
    }
    .item__bienvenida:nth-child(2){
        max-width: 430px;
        padding:10px;
        grid-column: 1;
        grid-row: 2;
        line-height: 16px;
    }
    .item__bienvenida:nth-child(3){
        position:relative;
        max-width: 430px;
        padding:10px;
        top:-3px;
        grid-column: 1;
        grid-row: 3;
        line-height: 16px;
    }    
    .item__bienvenida:nth-child(2){
        grid-column: 1;
        grid-row: 2;
    }
    .item__bienvenida:nth-child(3){
        grid-column: 2;
        grid-row: 2;
    }  
    .txtbienvenida1{
        font-size:80px;
    }
    .txtbienvenida2{
        position: relative;
        font-family: LatoRegular;
        font-weight: light;
        font-size:20px;
        margin-left: 140px;
        color: #0091B3;
    }
    /***************************GALLERY**************************************/       
    .grid__gallery{
        max-width: 768px;
        padding: 0 20px 0 20px;
        margin: 0 auto;
    }
    .img__gallery-movil{
        display:none;
    }
    .img__gallery-desk{
        display:flex;
        width: 100%;
        height: 200px;
        padding: 2px;
        border-radius: 20px;
    } 
    .item__gallery:nth-child(1){
        margin-left: 39px;
    }
    .item__gallery:nth-child(2){
        margin-right: 39px;
    }
    /***************************SERVICIOS**************************************/
    .txttitulo_servicios{
        margin-top:80px;
        font-size : 60px;
    }
    .grid__servicios{
        grid-template-columns: auto;
        grid-template-rows:auto auto auto auto;        
        grid-template-rows: auto;
        padding:40px;
    } 
    .item__servicios{
        position:relative;
        margin:10px;
        line-height: 16px;
    }
    .item__servicios {
        border-bottom: 1px solid #A7A4DF;
      }
    .item__servicios:nth-child(1){
        grid-template-columns: 30% auto 20%;
        grid-template-rows: auto;
        grid-row: 1;
    }
    .item__servicios:nth-child(2){
        grid-template-columns: 30% auto 20%; 
        grid-template-rows: auto;          
        grid-row: 2;
    }
    .item__servicios:nth-child(3){ 
        grid-template-columns: 30% auto 20%;  
        grid-template-rows: auto;       
        grid-row: 3;
    }
    .item__servicios:nth-child(4){
        grid-template-columns: 30% auto 20%; 
        grid-template-rows: auto;       
        grid-row: 4;
    }  
    .img__servicios{
        grid-column: 1;
        grid-row: 1 ; 
    }
    .no-servicios{
        grid-column: 1;
        grid-row: 2; 
    }
    .tit-servicios{
        text-align: center;
        grid-column: 1;
        grid-row: 3;
    }
    .txt-servicios{
        padding:40px 40px 40px 10px;
        grid-column: 2;
        grid-row: 1 / span 3;
    }
    .link-servicios{
        margin-top:80px;
        grid-column: 3;
        grid-row: 1 / span 3; 
    }
    .txtlink__servicios {
        position: relative;
        top:0px;
        text-decoration: none;
        padding: 0;
        background-color:white;
        border-radius: 0;
    } 
    .txtlink__servicios{
        font-family: Lato;
        font-size:18px;  
        color: #A7A4DF;       
    } 
    
    /***************************TRABAJEMOS**************************************/
    .container-trabajemos{
    position:relative;
    width:100%;
    background-color: #E0DEF4;
    padding:30px;
    }
    .grid__trabajemos{
    position:relative;
    margin-top:80px;
    margin-bottom:80px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 40% auto;
    column-gap: 4px;
    row-gap: 4px;    
    width: 100%;
    padding-left:80px;
    }
    
    .item__trabajemos:nth-child(1){
    width: 200px;
    line-height: 60px;
    grid-column: 1;
    }
    .item__trabajemos:nth-child(2){
    width: 350px;
    line-height: 20px;
    margin-top:20px;
    margin-left:70px;  
    grid-column: 1;
    }
    .item__trabajemos:nth-child(3){
    grid-column: 2;
    margin-top:10px;
    margin-left:180px; 
    }
    .txttitulo-trabajemos{
    font-family : LovelaceRegular;
    font-size : 76px;
    color : #0091B3; 
    }
    .txtdescripcion-trabajemos {
    font-family : TitilliumRegular;
    font-size : 16px;
    color : #575756;  
    }
    .txtlink-trabajemos {
    text-decoration: none;
    padding: 6px 40px 6px 40px;
    background-color: #0091B3;
    border-radius: 20px;
    color:white;
    }
    .txttitulo2-trabajemos{
    font-family : LatoRegular;
    font-size : 31px;
    font-weight: bold;
    color : #0091B3;
    }
    .txttel-trabajemos, .txtemail-trabajemos{
    font-family : LatoRegular;
    font-size : 20px;
    color : #0091B3;
    }  
/***************************BRANDINSG**************************************/
    .page-branding{    
        box-sizing: border-box;
        width:100%;
        background-image:url('../images/branding/wallpaper-tablet.png');
        background-repeat : no-repeat;
        background-size : contain;
        background-color: #BBBBBA;
    }   
    .container-branding{
        padding-top:340px;
    }
    .grid__branding{
        display:grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto;
        position: relative;
        width:80%;
        margin-left: 10%;
        margin-right: 10%;  
        align-items: center;  
        row-gap: 40px;
    }
    .barra-branding{
        display: none;
    }     
    .texto__branding{
        width: 400px;
        text-align: justify;
    }
    .txtfrase-branding{
        position:relative;
        bottom: -20px; 
        left: 0px; 
        line-height: 10px;
    }    
    .img-paq_branding-desk{
        display:block;
    }
    .img-paq_branding-movil{
        display:none;
    }   
    .barra-branding{
        display:none;
    }  
    .item__branding:nth-child(1), .item__branding:nth-child(2), .item__branding:nth-child(3){
        display: block;  
        width: 120px;
        height: 172px;
        background-color: #C6BBD0;
        border-radius: 46px;
        text-align: center;
    }  
    .item__branding:nth-child(1){
        grid-column: 1;
        grid-row: 1;
    }
    .item__branding:nth-child(2){
        grid-column: 1;
        grid-row: 2;
    }
    .item__branding:nth-child(3){
        grid-column: 1;
        grid-row: 3;
    } 
    .item__branding:nth-child(4){
        grid-column: 2;
        grid-row: 1;
    }
    .item__branding:nth-child(5){
        grid-column: 2;
        grid-row: 3;
    }

    .item__branding:nth-child(6){
        grid-column: 2;
        grid-row: 2;
    }
    .btnpaq-branding1, .btnpaq-branding2, .btnpaq-branding3{
        padding:10px 20px;
        font-size : 8.5pt;
    }
    .btn1, .btn2, .btn3{
        display:none;
    }       
    .btn1b{
        display:block;
        position: relative;
        top:160px;
        width:100px;
        grid-column: 1;
        grid-row: 1;
    } 
    .btn2b{
        display:block;
        position: relative;
        top:160px;
        width:100px;
        grid-column: 1;
        grid-row: 2;
    } 
    .btn3b{
        display:block;
        position: relative;
        top:160px;
        width:100px;
        grid-column: 1;
        grid-row: 3;
    }                 
    .txtnumero-branding{
        display: block;
        font-family : TitilliumRegular;
        font-size : 15px;
        color : #FFFFFF;
        color : rgb(255, 255, 255);
        margin-top: 20px;
        line-height: 0px;
    }
    .txtpaq-branding1, .txtpaq-branding2, .txtpaq-branding3{
        top:0px;
        left:0px;
        font-family : LatoRegular;
        font-weight : bold;
        font-size :14pt;
        color : #FFFFFF;
        color : rgb(255, 255, 255);
    }
    
    .txtpaqtitulo-branding1, .txtpaqtitulo-branding2, .txtpaqtitulo-branding3{
        font-size : 26px;
        color : #FFFFFF;
        color : rgb(255, 255, 255);
    }

    .txtpaqtitulo-branding2{
        position:relative;
        left:-30px;
    }
    .txtpaqtitulo-branding3{
        position:relative;
        left:-8px;
    }    
    .img-paq_branding-desk{
        position:relative;
        width:64px;
        margin: 0 auto;
    }
    .branding_cabezal1, .branding_cabezal2, .branding_cabezal3{
        width:260px;
        height: 150px;
        padding: 20px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        line-height: 12px;
    }

    .branding_cabezal1{
        background-color: #B0C8E9;
    }
    .branding_cabezal2{
        background-color: #ECD2E1;
    }
    .branding_cabezal3{
        background-color: #99D9D9;
    }            
    .branding_cuerpo1, .branding_cuerpo2, .branding_cuerpo3{
        width:260px;
        padding: 10px;
        background-color: white;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }    
    .branding_cuerpo1{
        height: 360px;
    }
    .branding_cuerpo2{
        height: 420px;
    }
    .branding_cuerpo3{
        height: 420px;
    }     
    
    .txtpaqdescripcion-branding{
        font-size: 8.5pt;
        line-height: 18px;
        color:#575756;
    }
    ul{
        position: relative;
        left:-10px;
    }
    li {
        list-style: none;
    }    
    li::before{
        content: "\2022";
        color: #00BED6;
        width: 1em;
        margin-left: -1em;
    }
    .txtpaqtit-branding1, .txtpaqtit-branding2, .txtpaqtit-branding3{
        position: relative;
        padding:5px 10px;
        border-radius: 10px;
        font-size : 8.5pt;
        left:25%;
    }  
    .btnpaqmas-branding{
        position:relative;
        font-family : LatoRegular;
        font-size : 16px;
        color : #F9B233;
        text-decoration: none;
        padding:10px 180px;
        background-color:#3C3C3B;
        border-radius: 20px;
        left:10%;
    }      
/***************************WEB**************************************/ 
    .page-web{
        width:100%;
        background-image:url('../images/web/wallpaper-tablet.png');
        background-repeat : no-repeat;
        background-size:contain;
        background-color: #DFB6B8;
    }
    .container-web{
        box-sizing: border-box;
        position:relative;
        padding-top:600px;
        margin:0 auto;
    }
    .txtcuadro_principal-web{
        padding: 00px 40px 20px 300px;
        text-align: start;
    }
    .txtcuadro_secundario-web{
        display: grid;
        grid-template-columns: auto auto;
        background-color:transparent;
    }
    .grid__web{
        position: relative;
        box-sizing: border-box;  
        top:-100px;
        margin-bottom:-100px;
        display: grid;
        grid-template-columns: 30% auto;   
    }   
    .barra-web{
        display:none;
    }
    .txttit_prim-web{
        display:none;
    }
    .txttit_prim2-web{
        font-size : 85pt;
        color : #C92C99;
        color : rgb(201, 44, 153);
    }
    .txtsub_prim-web{
        font-style : italic;
        font-size : 21pt;
        color : #006E96;
        color : rgb(0, 110, 150);
    }
    .txtsub_prim2-web{
        font-style : italic;
        font-size : 12pt;
        color : #F39200;
    }
    .txttit_prim3-web{
        font-size : 31pt;
        color : #CE009F;
        color : rgb(206, 0, 159);
    }
    .txtdescripcion_prim-web{
        font-size : 13px;
        color : #3C3C3B; 
    }
    .cuadro_rojo{
        width:260px;
        height: 140px;
        border-radius: 40px;
        padding: 20px;
        background-color: #C92C99;
        color:white;
    }
    .img_sec-web{
        position: relative;
        grid-column: 2;
        width:500px;
        left:-100px;
    }
    .txttexto_sec2-web{
        position: relative;
        padding: 20px;
        top:-200px;
    }
    .txttit_sec1-web{
        font-size: 10pt;
        color:#fff;
        font-weight: 400;
    }
    .txttit_sec1b-web{
        color : #fff; 
        font-size : 12pt;
    }
    .btn1a-web, .btn2a-web, .btn3a-web, .btn4a-web{
        display: none;
    }
    .btn1b-web, .btn2b-web, .btn3b-web, .btn4b-web{
        display: block;
    }
    .img-paq_web-desk{
        display:block;
        margin: 0 auto;
    }
    .img-paq_web-movil{
        display:none;
    }
    .txtpaqsubtit-web{
        font-size : 8pt;
        color : #878787;
    }
    .txtpaqfrase-web{
        font-size : 7.5pt;
        color : #575756;
    }
    .txtpaq-web1{
        font-size : 8pt;
        position: relative;
        left:-16px;
    }
    .txtpaqtitulo-web1{
        font-size : 18px;
    }
    .txtpaq-web2{
        font-size : 8pt; 
        position: relative;
        left:-26px;    
    }
    .txtpaqtitulo-web2{
        font-size : 18pt;
    }
    .txtpaq-web3{
        font-size : 8pt;
        position: relative;
        left:-56px;    
    }
    .txtpaqtitulo-web3{
        font-size : 18pt;
    }
    .txtpaq-web4{
        font-size : 8pt;
        position: relative;
        left:-56px;    
    }
    .txtpaqtitulo-web4{
        font-size : 18pt;
    }
    .txtpaqdescripcion-webx{
        display: none;
    }
    .item__web{
        background-color: #FBF3E8;
    }
    .txttit_tienda_barra-web{
        color : #FBF3E8;
    }
    .txttit_tienda_barra-webx{
        color : #FBF3E8;   
    }
    .item__web:nth-child(1){ /*1 cuadro esencial*/
        grid-column:1;
        grid-row:1;
        border-bottom: 1px solid #cfcece;
        line-height: 20px;
    }
    .btn1-web{
        grid-column:2;
        grid-row:1;
        padding:30px;
    }
    .btn1b-web{
        grid-column:1;
        grid-row:1;
        margin:0 auto;
        margin-top:300px;
    }
    .item__web:nth-child(6){ /*2 listado*/
        grid-column:2;
        grid-row:1;
        font-size: 8pt;
        border-bottom: 1px solid #cfcece;
        line-height: 24px;
    }
    .item__web:nth-child(2){ /*3 cuadro premiun*/
        grid-column:1;
        grid-row:2; 
        background-image:none;
        background-color: #FBF3E8;
        border-bottom: 1px solid #cfcece;
        line-height: 20px;
    }
    .btn2-web{
        grid-column:2;
        grid-row:2;
        background-color: #FBF3E8;
        padding:30px;
    }
    .btn2b-web{
        grid-column:1;
        grid-row:2;
        margin:0 auto;
        margin-top:300px;
    }
    .txtpaqtit-web1, .txtpaqtit-web2, .txtpaqtit-web3, .txtpaqtit-web4{
        padding:10px 10px;
        border-radius: 10px;
        font-size : 10pt;
        color : #FFFFFF;
        color : rgb(255, 255, 255);
    }
    .btnpaq-web1, .btnpaq-web2, .btnpaq-web3, .btnpaq-web4{
        padding:10px 26px;
        border-radius: 10px;
        font-size : 10pt;
        color : #FFFFFF;
        color : rgb(255, 255, 255);
    }
    .item__web:nth-child(9){ /*4 listado*/
        grid-column:2;
        grid-row:2;
        font-size: 8pt;
        background-color: #FBF3E8;
        border-bottom: 1px solid #cfcece;
        line-height: 24px;
    }
    .item__web:nth-child(3){/*5 cuadro empresarial*/
        grid-column:1;
        grid-row:3; 
        background-image:none;
        background-color: #FBF3E8;
        border-bottom: 1px solid #cfcece;
        line-height: 20px;
    }
    .btn3-web{
        grid-column:2;
        grid-row:3;
        padding:30px;
    }
    .btn3b-web{
        grid-column:1;
        grid-row:3;
        margin:0 auto;
        margin-top:360px;
    }
    .item__web:nth-child(12){/*6 listado*/
        grid-column:2;
        grid-row:3;
        font-size: 8pt;
        border-bottom: 1px solid #cfcece;
        line-height: 24px;
    }
    .item__web:nth-child(4){/*7 cuadro tienda*/
        grid-column:1;
        grid-row:4;
        background-image:none;
        background-color: #FBF3E8;
        border-bottom: 1px solid #cfcece;
        line-height: 20px;
    }
    .btn4-web{
        grid-column:2;
        grid-row:4;
        padding:30px;
    }
    .btn4b-web{
        grid-column:1;
        grid-row:4;
        margin:0 auto;
        margin-top:300px;
    }
    .item__web:nth-child(15){/*8 listado*/
        grid-column:2;
        grid-row:4;
        font-size: 8pt;
        border-bottom: 1px solid #cfcece;
        line-height: 24px;
    }
    .txtpaqdescripcion-web{
        display: grid;
        grid-template-columns: auto auto; 
        color : #575756;
    }
    .listaprimaria-web{
        grid-column:1;
        grid-row:1;
    }
    .listasecundaria-web{
        grid-column:2;
        grid-row:1;
    }
    .txtcuadrofinal-web{
        display: none;
    }
/***************************REDES**************************************/
.page-redes{
    width:100%;
    background-image:url('../images/red/wallpaper-tablet.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #EFDFC9;
    box-sizing: border-box;
}
.txtcuadro_principal-redes{
    padding-top:440px;
}
.barra-redes{
    display:none;
}
.txttitulos_redes {
    text-align: center;
    padding:20px 22% 40px 22%;
    line-height:normal;
}
.txttit_prim-redes, .txttit_prim2-redes{
    display: flex;
}
.txttit_prim-redes{    
    font-family : NabiRegular;
    font-size : 80px;
    color : #F9B233;
    color : rgb(249, 178, 51);
    line-height: 140px;
}
.txttit_prim2-redes{
    font-family : NabiRegular;
    font-size : 60px;
    color : #79779E;
    color : rgb(121, 119, 158);
    position:relative;
    top:-30px;
    left:40%;
}
.txtsub_prim-redes{
    font-family : LatoRegular;
    font-size : 16px;
    color : #1D1D1B;
    color : rgb(29, 29, 27);
}
.cuadro_rojo-azul{
    background-color: #002A3A;
    width:300px;
    height:100px;
    border-radius:20px;
    padding:16px;
    margin:0 auto;
    text-align: center;
}
.txttit_sec1-redes{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 16px;
    color : #F9B233;
    color : rgb(249, 178, 51);
}
.img-paq_redes-movil{
    display: none;
}
.img-paq_redes-desk{
    display: block;
    margin:0 auto;
}
.grid__redes{
    display: grid;
    grid-template-columns: 50% 50%;   
    grid-template-rows: auto auto auto auto;
}
.item__redes{
    text-align: left;
    line-height: 30px;
}
.item__redes:nth-child(1){ /*1*/
    grid-column: 1;
    grid-row:1;
    padding:10px 0px 10px 30px;
    text-align: center;
    line-height: 40px;
}
.item__redes:nth-child(5){ /*5*/
    grid-column: 1;
    grid-row:2;
    /*padding:10px 0px 10px 30px;*/
    background-color: white;
    border-radius: 20px;
    padding:20px 10px 0px 40px;
    margin:20px;
}
.item__redes:nth-child(2){ /*2*/
    grid-column: 2;
    grid-row:1;
    background-image:none;
    background-color:#EFDFC9 ;
    padding:10px 30px 10px 0px;
    text-align: center;
    line-height: 40px;
}
.item__redes:nth-child(6){ /*6*/
    grid-column: 2;
    grid-row:2;
    /*background-color:#EFDFC9 ;
    padding:10px 30px 10px 0px;*/
    background-color: white;
    border-radius: 20px;
    padding:20px 10px 0px 40px;
    margin:20px;
}
.item__redes:nth-child(3){ /*3*/
    grid-column: 1;
    grid-row:3;
    background-image:none;
    background-color:#EFDFC9;
    background-repeat: no-repeat;
    padding:10px 0px 10px 30px;
    text-align: center;
    line-height: 40px;
}
.item__redes:nth-child(7){ /*7*/
    grid-column: 1;
    grid-row:4;
    /*background-color:#EFDFC9;
    padding:10px 0px 10px 30px;*/
    background-color: white;
    border-radius: 20px;
    padding:20px 10px 0px 40px;
    margin:20px;
}
.item__redes:nth-child(4){ /*4*/
    grid-column: 2;
    grid-row:3;
    background-image:none;
    background-color:#EFDFC9;
    background-repeat: no-repeat;
    padding:10px 30px 10px 0px;
    text-align: center;
    line-height: 40px;
}
.item__redes:nth-child(8){ /*8*/
    grid-column: 2;
    grid-row:4;
    /*background-color:#EFDFC9; 
    padding:10px 30px 10px 0px; */
    background-color: white;
    border-radius: 20px;
    padding:20px 10px 0px 40px;
    margin:20px; 
    height:380px;
}
.txtcuadrofinal-redes{
    display:none;
}
.txtpaq-redes{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    background-color: #8E9C9C;
    padding:4px 10px;
    border-radius: 10px;
}
.txtpaqtitulo-redes{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 24px;
    color : #007DA5;
    color : rgb(0, 125, 165);
}
.btn-redes_inf{
    position: relative;
    top:0px;
}
.listaprimaria-redes{
    padding:0px;
    margin:0px;
}
/***************************DISEÑO GRAFICO**************************************/
.page-diseno{
    width:100%;
    background-image:url('../images/diseno/wallpaper-tablet.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #E2DBCC;
}
.container-diseno{
    box-sizing: border-box;
    position:relative;
    padding:560px 80px 0 80px;
    margin:0 auto;
}
.texto__diseno{
    line-height: 12px;
}
.texto__diseno2{
    line-height: 24px;
}
.texto__diseno, .texto__diseno2, .item__diseno{
    margin:20px;
}
.txtfrase-diseno{
    font-family : Nabi;
    font-size : 60px;
    color : #33647E;
    color : rgb(51, 100, 126);
}
.txttitulo-diseno{
    font-family : Nabi;
    font-size : 42px;
    color : #33647E;
    color : rgb(51, 100, 126);
    position: relative;
    left:40px;
}
.txtdescripcion-diseno{
    font-family : LatoRegular;
    font-size : 17px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txttit_sec-diseno{
    font-family : LovelaceRegular;
    font-size : 17px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.txtpaq-diseno{
    font-family : Lato;
    font-weight : bold;
    font-size : 14px;
    color : #00BED6;
    color : rgb(0, 190, 214);
  }
  .txtpaqtitulo-diseno{
    font-family : Lovelace;
    font-style : italic;
    font-size : 40px;
    color : #00BED6;
    color : rgb(0, 190, 214);
  }
  .item__diseno ul {
    list-style: none;
  }
  .btn-Diseno{
    text-align: center;
 }
 .btnpaq-diseno{
    text-decoration: none;
    padding:10px 40px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-style : italic;
    color : #F9B233;
    color : rgb(249, 178, 51); 
    text-decoration : underline;
    background-color:#002A3A;
}
.txtcuadrofinal-diseno{
    display:none;
}
.grid__diseno{
    display:grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto;
}
.item__diseno:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    line-height: 30px;
}
.item__diseno:nth-child(2){
    grid-column: 1;
    grid-row: 3;
    line-height: 30px;
}
.item__diseno:nth-child(3){
    grid-column: 1;
    grid-row: 2;
}
.item__diseno:nth-child(4){
    grid-column: 2;
    grid-row: 2;
    margin-top:60px;
}
.item__diseno:nth-child(5){
    grid-column: 1;
    grid-row: 4;
}
.item__diseno:nth-child(6){
    grid-column: 2;
    grid-row: 4;
}
/***************************TERMINOS Y CONDICIONES**************************************/
    .page-terminos{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .container-terminos{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .titulo_terminos{
        width:100%;
        border-bottom: 1px solid gray;
        font-family : NabiRegular;
        font-size : 18px;
        color : #33647E;
        color : rgb(51, 100, 126);
        text-align: center;
    }
    .contenido_terminos{
        font-family : LatoRegular;
        font-size : 12px;
        color : #575756;
        color : rgb(87, 87, 86); 
    }
    pre {
        white-space: pre-wrap;       /* Since CSS 2.1 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }
 /***************************AVISO DE PRIVACIDAD**************************************/
    .page-privacidad{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .container-privacidad{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .titulo_privacidad{
        width:100%;
        border-bottom: 1px solid gray;
        font-family : NabiRegular;
        font-size : 18px;
        color : #33647E;
        color : rgb(51, 100, 126);
        text-align: center;
    }
    .contenido_privacidad{
        font-family : LatoRegular;
        font-size : 12px;
        color : #575756;
        color : rgb(87, 87, 86); 
    }
    pre {
        white-space: pre-wrap;       /* Since CSS 2.1 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    } 
   /***************************LISTA DE APP**************************************/
    .page-lista{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .container-lista{
        width:100%;
        margin:0 auto;
        padding: 40px 20px 40px 20px;
    }
    .grid__lista{
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 50% 50%;
        column-gap: 4px;
        row-gap: 4px;      
    }
    .item__lista:nth-child(1){
        grid-column: 1;
        grid-row: 1;
        padding: 20px 10px 20px 10px
    }
    .item__lista:nth-child(2){
        grid-column: 1;
        grid-row: 2;
        padding: 20px 10px 20px 10px
    }
    .item__lista:nth-child(3){
        grid-column: 2;
        grid-row: 1 / span 2;
        padding: 20px 10px 20px 10px
    }

    .txttitulo-lista{
        font-family : LovelaceRegular;
        font-size : 17px;
        line-height : 10.8px;
        color : #0091B3;
    }
    .txtcontenido-lista{
        font-family : LatoceRegular;
        font-size : 14px;
        line-height : 10.8px;
        color : #575756;
        line-height: 1.3;   
    }
  /***************************CONTACTO**************************************/
    .page-contacto{
        background-image:none;   
        background-color: #E0DEF4;
    }
    .container-contacto{
        padding:80px 100px 60px 100px;
    }
    .txtcaja-contacto{
        width:320px;
        line-height: 40px;
        text-align: center;
    }
    .txtcaja2-contacto{
        width:260px;
        line-height: 20px;
        padding:20px;
        margin-left:100px;
    }
    .txtcaja3-contacto{
        width:270px;
        line-height: 20px;
        padding:20px;
        margin-left:40px;
    }
    .txtfrase-contacto{
        font-size : 14px;
    }

    .txtdatos-contacto{
        font-size : 14px;
    }
    .txtinf-contacto{
        font-size : 14px;
    }
    .grid__contacto{
        display:grid;
        grid-template-columns: auto auto;
        grid-template-rows:auto auto auto ;
    } 
    .item__contacto:nth-child(1)   {
        grid-column: 1 / span 2;
        grid-row: 1;
        margin: 0 auto;
    }
    .item__contacto:nth-child(2)   {
        grid-column: 1;
        grid-row: 2;   
    }
    .item__contacto:nth-child(3)   {
        grid-column: 2 ;
        grid-row: 2;
    }
    .item__contacto:nth-child(4)   {
        grid-column: 1 / span 2;
        grid-row: 3;
    }
  /***************************PORTAFOLIO**************************************/
  .grid__portafolio{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 0px;
    row-gap: 0px;    
    align-items: center;
    justify-items: center;
    position: relative;
    width: 100%;
}
.container-portafolio img{
    width:100%;
}
.item__portafolio{
    width:100%;
    border-radius: 0px;
}
.item__portafolio:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    background-color: #00B189;
}
.item__portafolio:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    background-color: #6ACDAF;
}
.item__portafolio:nth-child(3){
    grid-column: 3;
    grid-row: 1;
    background-color: #ABE1CF;
}
.item__portafolio:nth-child(4){
    grid-column: 1;
    grid-row: 2;
    background-color: #ABE1CF;
}
.item__portafolio:nth-child(5){
    grid-column: 2;
    grid-row: 2;
    background-color: #00B189;
}
.item__portafolio:nth-child(6){
    grid-column: 3;
    grid-row: 2;
    background-color: #6ACDAF;
}
.item__portafolio:nth-child(7){
    grid-column: 1;
    grid-row: 3;
    background-color: #00B189;
}
.item__portafolio:nth-child(8){
    grid-column: 2;
    grid-row: 3;
    background-color: #6ACDAF;
}
.item__portafolio:nth-child(9){
    grid-column: 3;
    grid-row: 3;
    background-color: #ABE1CF;
}
.img-paq_portafolio-desk{
    display: none;
}
.txttitulo-portafolio, .txtproducto-portafolio{
    position:relative;
    font-family : Myriad Pro;
    font-size : 15px;
    color : #1d1d1b;
  } 
  .caja_portafolio{
    position: relative;
    top:80px;
    line-height: 16px;
}   
}