body {
    margin: 0;
    background-color: #F6EDF5;
    width: 100%;
}

/************************************** PRIMER GRID **************************************/
.grid-1 {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-items: end;
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: #0d0d0eb2;
}

.item1-1 {
    width: 100px;
    place-self: start;
}

.grid-1 a {
    font-family: Lato;
    font-size: 16px;
    line-height: 25.26px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.grid-1 a:hover {
    cursor: pointer;
}

.item1-4 {
    place-self: center;
}
/************************************** CURVA E IMAGENES **************************************/
.portada {
    width: 100%;
    height: 500px;
    background-image: url('../img/im-cabezal-movil.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
}

.tira_img {
    position: relative;
    width: 100%;
    display: flex;
    margin:0 auto;
    top: -120px;
    margin-bottom: -40px;
}

.tira_img img {
    position: relative;
    width: 96px;
    margin: 4px;
    border-radius: 10px;
}

.img1 {
    top: 60px;
}

.img3 {
    top: 40px;
}

/************************************** PRIMER TEXTO **************************************/
.txt1 {
    box-sizing: border-box;
    position: relative;
    background-color: #F6EDF5;
    padding: 32px;
    width: 100%;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.txt1 a {
    font-family: BarlowRegular;
    font-size: 18px;
    line-height: 23px;
    color: #575756;
    color: rgb(87, 87, 86);
}

.txt1 img {
    display: none;
}

/************************************** SEGUNDO TEXTO **************************************/
.txt2 {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    padding: 10px;
    position: relative;
    width: 100%;
    background-color: #ffff;
    margin-bottom: 20px;
    z-index:2;
}

.txt2 a {
    padding: 10px 6px 2px 0px;
    font-family: MonarqueItalic;
    font-size: 23px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txt2 img {
    width: 130px;
}

/************************************** SEGUNDO GRID **************************************/
.grid-2 {
    box-sizing: border-box;
    background-color: #F6EDF5;
    text-align: center;
    padding: 32px;
    width: 100%;
    display: list-item;
    border-radius: 30px;
}

.txtitem21-1 {
    font-family: MonarqueThinItalic;
    font-size: 24px;
    color: #676E9F;
    color: rgb(103, 110, 159);
}

.item2-2 img {
    width: 220px;
    border-radius: 10px;
}

.item2-3 img{
    width: 80px;
}

.txtitem23-1 {
    font-family: MonarqueItalic;
    font-size: 29px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txtitem23-2 {
    font-family: MonarqueRegular;
    font-size: 15px;
    line-height: 22.18px;
    color: #676E9F;
    color: rgb(103, 110, 159);
}

.txtitem24-1 {
    font-family: BarlowRegular;
    font-size: 18px;
    line-height: 22px;
    color: #575756;
    color: rgb(87, 87, 86);
}

.txtitem24-2 {
    font-family: LovelaceMedium;
    font-size: 20px;
    line-height: 22px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txtitem24-3 {
    font-family: MonarqueItalic;
    font-size: 18px;
    line-height: 22px;
    color: #676E9F;
    color: rgb(103, 110, 159);
}

.txtitem24-4 {
    font-family: MonarqueItalic;
    font-size: 18px;
    line-height: 22px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txtitem24-5 {
    font-family: BarlowBold;
    font-size: 18px;
    line-height: 22px;
    color: #575756;
    color: rgb(87, 87, 86);
}

.item2-5{
    box-sizing: border-box;
    display: grid;
    grid-template-columns:
        auto
        auto
        auto;
    grid-template-rows:
        auto
        auto;
    column-gap: 4px;
    row-gap: 4px;
    justify-content: center;
    margin-bottom: 20px;
}

.item2-5 img {
    width: 80px;
    border-radius: 10px;
    margin: 2px;
}

.img1 {
    grid-column: 1;
    grid-row: 2;    
}

.img2 {
    grid-column: 2;
    grid-row: 2;    
}

.img3 {
    grid-column: 3;
    grid-row: 2;  
}

img.cuartapic{
    grid-column: 1 / span 3;
    grid-row: 1 ;    
    width:200px;
    margin-bottom:30px;      
}

img.quintapic{
    display: none;
}
/************************************** TERCER TEXTO **************************************/
.txt3 {
    box-sizing: border-box;
    display: list-item;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    padding: 30px;
    position: relative;
    width: 100%;
    background-color: #ffff;
    margin-bottom: 20px;
}

.txtitem3-1 {
    margin-left:15%;
    align-items: center;
    font-family: MonarqueItalic;
    font-size: 20px;
    color: #676E9F;
    color: rgb(103, 110, 159);
}

.txtitem3-2 {
    margin: 30px;
    font-family: BarlowRegular;
    font-size: 19px;
    line-height: 23px;
    color: #575756;
    color: rgb(87, 87, 86);
}

/************************************** TERCER GRID **************************************/
.fondoblack {
    /*fondo negro */
    background-color: black;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
}

.grid-3 {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    display: list-item;
    background-color: #F6EDF5;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.grid3-1 {
    box-sizing: border-box;
    background-color: #F6EDF5;
    text-align: center;
    padding: 32px;
    width: 100%;
    display: list-item;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 20px;
}

.grid3-1 img {
    width: 200px;
}
.grid3-2 img {
    width: 260px;
} 

.txtitem31-1 {
    font-family: MonarqueItalic;
    font-size: 24px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txtitem31-2 {
    font-family: MonarqueItalic;
    font-size: 20px;
    color: #C7868D;
    color: rgb(199, 134, 141);
}

.txtitem311-1 {
    font-family: BarlowRegular;
    font-size: 21px;
    line-height: 23px;
    color: #575756;
    color: rgb(87, 87, 86);
}

.item31-2{
    width: 100%;
}

.item31-2 a {
    box-sizing: border-box;
    background-color: #EE7623;width:300px;
}

.txtitem312-1 {
    width:100%;
    padding: 10px 80px;
    background: rgb(19, 143, 247);
    color: #fff;
    border-radius: 4px;
    text-decoration:none;
    font-family: BarlowBold;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.item31-2 a:hover {
    cursor: pointer;
}

.grid3-2 {
    box-sizing: border-box;
    background-color: #FAF7F3;
    text-align: center;
    padding: 32px;
    width: 100%;
    display: list-item;
    list-style: none;
    border-radius: 30px;
    margin-bottom: 20px;
}

/************************************** CUARTO GRID **************************************/

.grid-4 {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-items: center;
    background-color: #F6EDF5;
    border-radius: 30px;
    padding: 32px;
}

.item4-1 img {
    margin: 10px;
    width: 100px;
    border-radius: 10px;
}

.txtitem42-1 {
    font-family: BarlowRegular;
    font-size: 18px;
    color: #575756;
    color: rgb(87, 87, 86);
}

.item4-2 a {
    box-sizing: border-box;
}

.item4-3 {
    box-sizing: border-box;
    display: grid;
    grid-template-columns:
        /* 1 */
        auto
        /* 2 */
        auto;
    grid-template-rows:
        /* 3 */
        auto
        /* 4 */
        auto
        /* 5 */
        auto;
    column-gap: 4px;
    row-gap: 4px;
    justify-content: center;
    margin-bottom: 20px;
}

.item4-3 img {
    width: 136px;
    border-radius: 10px;
}

.one {
    grid-column: 1;
    grid-row: 1;
}


.two {
    grid-column: 2;
    grid-row: 1;
}


.three {
    grid-column: 1;
    grid-row: 2 / span 2;
}

img.three {
    height: 346px;
}

.four {
    grid-column: 2;
    grid-row: 2;
}

.five {
    grid-column: 2;
    grid-row: 3;
}
/************************************** fotter **************************************/
.letrero {
    box-sizing: border-box;
    padding: 20px;
}
img.letrero{
    position: relative;
    width: 100%;
    top:-50px;
}

.grid-5{
    grid-column: 1 span /2;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 20px;
    width: 100%;
}

.grid-5 img{
    display: flex;
    margin: auto;
}
.txtitem51-1{
    font-family : BarlowRegular;
    font-size : 19px;
    line-height : 12.63px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}

.item5-2{
    margin-top: 40px;
}
.txtitem52-1{
    font-family : BarlowRegular;
    font-size : 19px;
    line-height : 12.63px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.item5-3{
    margin-top: 40px;
}
.txtitem53-1{
    font-family : BarlowRegular;
    font-size : 19px;
    line-height : 12.63px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    .portada {
        height: 580px;
    }
    
    .tira_img {
        top: -120px;
        margin-bottom: -20px;
    }
    .tira_img img {
        width: 114px;
        margin: 6px;
    }

    .item2-2 img {
        width: 260px;
    }
    
    .item2-5 img {
        width: 90px;
    }

    .item4-1 img {
        width: 132px;
    }

    .item4-3 img {
        width: 150px;
        border-radius: 10px;
    }
    
    img.three {
        height: 390px;
    } 

    .item2-5{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto
            auto;
        grid-template-rows:
            auto
            auto;
        column-gap: 4px;
        row-gap: 4px;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .item2-5 img {
        width: 80px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .img1 {
        grid-column: 1;
        grid-row: 2;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 2;    
    }
    
    .img3 {
        grid-column: 3;
        grid-row: 2;  
    }
    
    img.cuartapic{
        grid-column: 1 / span 3;
        grid-row: 1 ;    
        width:200px;
        margin-bottom:30px;      
    }    
  
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
    
    .portada {
        height: 640px;
    }

    .tira_img {
        top: -140px;
        margin-bottom: -100px;
    }
    
    .tira_img img {
        width: 112px;
        margin: 6px;
        left: 8%;
    }

    .item2-2 img {
        width: 280px;
    }

    .item2-5 img {
        width: 100px;
    }

    .item4-1 img {
        width: 140px;
    }
    
    .item4-3 img {
        width: 180px;
        border-radius: 10px;
    }
    
    img.three {
        height: 460px;
    }  
    .item2-5{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto
            auto;
        grid-template-rows:
            auto
            auto;
        column-gap: 4px;
        row-gap: 4px;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .item2-5 img {
        width: 80px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .img1 {
        grid-column: 1;
        grid-row: 2;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 2;    
    }
    
    .img3 {
        grid-column: 3;
        grid-row: 2;  
    }
    
    img.cuartapic{
        grid-column: 1 / span 3;
        grid-row: 1 ;    
        width:200px;
        margin-bottom:30px;      
    }         
  
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .portada {
        background-image: url('../img/im-cabezal-tablet.jpg');
        height:440px;
    }

    .txt1{
        border-radius: 0;
    }

    .txt1 img {
        margin: 0 auto;
        width: 80px;
        display:flex; 
    }

    .tira_img {
        top: -140px;
        margin-bottom: -60px;
    }
    
    .tira_img img {
        width: 160px;
        margin: 14px;
        left: 20%;
    }

    .txt2{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto    
            auto 
            auto;
        grid-template-rows:
            auto;        
    }

    .txt2 a{
        grid-column: 2;
        grid-row: 1;
    }

    .txt2 img {
        margin: -60px 0 -60px 0;
        width: 230px;
        grid-column: 3;
        grid-row: 1;        
    }


    .txtitem21-1 {
        font-size: 60px;
    }
    
    .item2-2 img {
        width: 280px;
    }

    .item2-5 img {
        width: 100px;
    }

    .item4-1 img {
        width: 140px;
    }
    
    .item4-3 img {
        width: 180px;
        border-radius: 10px;
    }
    
    img.three {
        height: 460px;
    } 
    
    .item2-5{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto
            auto
            60px
            auto;
        grid-template-rows:
            auto
            auto;
        column-gap: 4px;
        row-gap: 4px;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .item2-5 img {
        width: 80px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .img1 {
        grid-column: 1;
        grid-row: 1;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 1;    
    }
    
    .img3 {
        grid-column: 3;
        grid-row: 1;  
    }
    
    img.quintapic{
        grid-column: 5;
        grid-row: 1;    
    }

    img.cuartapic{
        width:200px;
        margin-bottom:30px;         
        grid-column: 4 ;
        grid-row: 2 ;    
    }    
   
/********************    primer cambio  ********************************/
.item2-3 img {
    display: none;
}  


.grid-2 {
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            auto
            /* 2 */
            auto;
        grid-template-rows:
            /* 3 */
            auto
            /* 4 */
            auto
            /* 5 */
            auto;
        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;
    } 
    
    .item2-4 {
        padding: 20px;
        grid-column: 1 / span 2;
        grid-row: 2;
    }

    /*.item2-5{
        height: 20px;
    }*/

    .item2-5 img {
        width: 110px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .item2-5 {
        grid-column: 1 / span 2;
        grid-row: 3;
        top: -600px;
    }

    img.cuartapic{
        position: relative;
        display: inline;
        width: 400px;
        top: 280px;
        margin-top:-400px;
        margin-left: -200px;
        margin-right: -120px;
        margin-bottom: 140px;
    }

    img.quintapic{
        display: inline;
    }  
    
    .txt3 {
        margin-top: 100px;
        align-items: center;
        background-color: #676e9f3b;
        margin-bottom: 0px;
    }   
    
    .fondoblack{
        border-radius: 0px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            50%
            /* 2 */
            50%;
        grid-template-rows:
        auto 
        auto 
        auto 
        auto;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;       
    }

    .grid-3, .grid3-1, .grid3-2{
        border-radius: 0;
    }
    .grid-3{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-column: 1 / span 2;
        grid-row: 1;   
    }  
    /*.grid3-1{
        border-right: 1px solid rgb(165, 163, 163);
        grid-column: 1;
        grid-row: 2;   
        margin-bottom: 0;   
    } 
    .grid3-1 img {
        width: 200px;
    }*/
    .grid3-2 img {
        width: 280px;
    }    
    .grid3-2{
        background-color: #F6EDF5;
        grid-column: 1 / span 2;
        grid-row: 2;   
        margin-bottom: 0;  
    }
    .grid-4{
        border-radius: 0px;
        grid-column: 1 / span 2;
        grid-row: 3;          
    }

    .item4-1 img {
        margin-left: 90px;
        margin-right: 90px;
        width: 160px;
    }   
   
    .item4-3 {
        grid-template-columns:
            /* 1 */
            auto
            /* 2 */
            auto
            /* 2 */            
            auto;
        grid-template-rows:
            /* 4 */
            auto
            /* 5 */
            auto;
        column-gap: 20px;
        row-gap: 20px;
    }   
    
    .item4-3 img {
        width: 200px;
        border-radius: 10px;
    }    

    .one {
        grid-column: 1;
        grid-row: 2;
    }
    
    
    .two {
        grid-column: 1;
        grid-row: 1;
    }
    
    
    .three {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
    
    img.three {
        width: 100%;
        height: 520px;
    }
    
    .four {
        grid-column: 3;
        grid-row: 1;
    }
    
    .five {
        grid-column: 2;
        grid-row: 3;
        justify-content: center;
    }  
    .six{
        grid-column: 3;
        grid-row:2;
    }  
    img.letrero {
        width:600px;
    }

    .grid-5{
        grid-column: 1 / span 3;
        grid-row:4; 
        margin:0 auto;
        justify-content: center;
        align-items: center;
    }
    .grid-5{       
        grid-template-columns:
            /* 1 */
            40%
            /* 2 */
            33%
            /* 2 */            
            30%;
        grid-template-rows:
            /* 4 */
            auto
            /* 5 */
            auto;
    }
    .grid-5 img{
        grid-column: 1 / span 3;
        grid-row:1;        
    }

    .item5-1{
        grid-column: 1 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 2 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 3;
        grid-row:2;  
    }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .portada {
        background-image: url('../img/im-cabezal-lap.jpg');
        height: 580px;
    }

    .grid-1{
        display: grid;
        grid-template-columns:
            20%
            60%
            10%            
            10%;
        grid-template-rows:
            auto;

        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;       
    }

    .item1-1 img{
        margin-left:60px;
    }
    .curva_top {
        top: -140px;
        margin-bottom: 0px;
    }

    .txt1{
        display: flex;
        top: 0px;
        border-radius: 0;
    }

    .txt1 a{
        margin-left:20%;
        width: 60%;
    }
    
    .txt1 img {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        display:flex; 
    }

    .tira_img {
        top: -200px;
        margin-bottom: -140px;
    }
    
    .tira_img img {
        width: 200px;
        margin: 26px;
        left: 20%;
    }

    .txt2{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto    
            auto
            auto;
        grid-template-rows:
            auto;   
        justify-content: center;  
    }

    .txt2 a{
        grid-column: 2;
        grid-row: 1;
    }

    .txt2 img {
        margin: -60px 0 -60px 0;
        width: 230px;
        grid-column: 3;
        grid-row: 1;        
    }

    .txtitem21-1 {
    font-size: 30px;
    }
    
    .item2-2 img {
        width: 280px;
    }

    .item4-3 img {
        width: 180px;
        border-radius: 10px;
    }
 
    
    .item2-5{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto
            auto
            60px
            auto;
        grid-template-rows:
            auto
            auto;
        column-gap: 4px;
        row-gap: 4px;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .img1 {
        grid-column: 1;
        grid-row: 1;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 1;    
    }
    
    .img3 {
        grid-column: 3;
        grid-row: 1;  
    }
    
    img.quintapic{
        grid-column: 5;
        grid-row: 1;    
    }

    img.cuartapic{
        width:160px;
        margin-bottom:30px;         
        grid-column: 4 ;
        grid-row: 2 ;    
    }        
/********************    primer cambio  ********************************/
.item2-3 img {
    display: none;
}  

.grid-2 {
        margin-top:-10px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            25%
            /* 2 */
            25%
            /* 2 */
            50%;
        grid-template-rows:
            /* 3 */
            auto
            /* 5 */
            auto;
        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;
    } 
    .item2-1{
        grid-column: 1;
        grid-row: 1;
    }

    .item2-2{
        grid-column: 2;
        grid-row: 1;
    }    

    .item2-2 img{
        width: 180px;
    }     
    .item2-4 {
        padding: 20px;
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .item2-5 img {
        width: 90px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .item2-5 {
        grid-column: 1 /span 2;
        grid-row: 2 ;
        top: -700px;
    }

    img.cuartapic{
        position: relative;
        display: inline;
        width: 300px;
        top: 180px;
        margin-top:-360px;
        margin-left: -180px;
        margin-right: -120px;
        margin-bottom: 140px;
    }

    img.quintapic{
        display: inline;
    }  
    
    .txt3 {
        margin-top: -20px;
        display:inline-flex;
        align-items: center;
        background-color: #676e9f3b;
        margin-bottom: 0px;
    }   
    
    .fondoblack{
        border-radius: 0px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            50%
            /* 2 */
            50%;
        grid-template-rows:
        auto 
        auto 
        auto  
        auto;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;        
    }

    .grid-3, .grid3-1, .grid3-2{
        border-radius: 0;
    }
    .grid-3{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-column: 1 / span 2;
        grid-row: 1;   
    }  
    .grid3-1{
        padding-left: 160px;
        border-right: 1px solid rgb(165, 163, 163);
        grid-column: 1;
        grid-row: 2;   
        margin-bottom: 0;   
    } 

    .grid3-1 img {
        width: 200px;
    }
    .grid3-2 img {
        width: 280px;
    } 

    .grid3-2{
        /*padding-right: 160px; */
        background-color: #F6EDF5;
        grid-column: 1 / span 2;
        grid-row: 2;   
        margin-bottom: 0;  
    }
    .grid-4{
        border-radius: 0px;
        grid-column: 1 / span 2;
        grid-row: 3;          
    }

    .item4-1 img {
        /*margin-left: 90px;
        margin-right: 90px;*/
        width: 160px;
    }   
   
    img.imgleft{
        position: relative;
        right: 300px;
    }
    img.imgright{
        position: relative;
        left: 300px;
    }    

    .item4-2{
        position:relative;
        width: 520px;
        top:-250px;
    }
    .item4-3 {
        position: relative;
        top:-200px;
        margin-bottom: -180px;
        grid-template-columns:
            /* 1 */
            auto
            /* 2 */
            auto
            /* 2 */  
            auto
            /* 2 */
            auto
            /* 2 */                       
            auto;
        grid-template-rows:
            auto;
        column-gap: 20px;
        row-gap: 20px;
    }   
    
    .item4-3 img {
        width: 150px;
        border-radius: 10px;
    }    

    .one {
        grid-column: 1;
        grid-row: 1;
    }
    
    
    .two {
        grid-column: 2;
        grid-row: 1;
    }
    
    
    .three {
        grid-column: 3;
        grid-row: 1;
    }
    
    img.three {
        width: 150px;
    }
    
    .four {
        grid-column: 4;
        grid-row: 1;
    }
    
    .five {
        grid-column:5 ;
        grid-row: 1;
        justify-content: center;
    }  
    .six{
        grid-column: 5;
        grid-row:1;
    }  
    img.letrero {
        width:600px;
    }

    .grid-5{
        position:relative;
        grid-column: 1 / span 3;
        grid-row:4; 
        margin:0 auto;
        justify-content: center;
        align-items: center;
    }
    .grid-5{       
        grid-template-columns:
            /* 1 */
            40%
            /* 2 */
            33%
            /* 2 */            
            30%;
        grid-template-rows:
            /* 4 */
            auto
            /* 5 */
            auto;
    }
    .grid-5 img{
        grid-column: 1 / span 3;
        grid-row:1;        
    }

    .item5-1{
        grid-column: 1 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 2 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 3;
        grid-row:2;  
    }

    .item5-1, .item5-2{
        position:relative;
        margin-top: -160px;
    }

}
@media only screen and (min-width: 1025px)  and (max-width: 1440px) {
    .portada {
        background-image: url('../img/im-cabezal-lap.jpg');
        height: 800px;
    }

    .grid-1{
        display: grid;
        grid-template-columns:
            20%
            60%
            10%            
            10%;
        grid-template-rows:
            auto;

        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;       
    }

    .item1-1 img{
        margin-left:60px;
    }

    .txt1{
        display: flex;
        top: 0px;
        border-radius: 0;
    }

    .txt1 a{
        margin-left:20%;
        width: 60%;
        font-size:15px;
    }
    
    .txt1 img {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        display:flex; 
    }

    .tira_img {
        top: -220px;
        margin-bottom: -120px;
    }
    
    .tira_img img {
        width: 200px;
        margin: 26px;
        left: 40%;
    }

    .txt2{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto    
            auto
            auto;
        grid-template-rows:
            auto;   
        justify-content: center;  
    }

    .txt2 a{
        grid-column: 2;
        grid-row: 1;
    }

    .txt2 img {
        margin: -60px 0 -60px 0;
        width: 230px;
        grid-column: 3;
        grid-row: 1;        
    }

    .txtitem21-1 {
    font-size: 30px;
    }
    
    .item2-2 img {
        width: 280px;
    }

    .item2-5 img {
        width: 100px;
    }
    
    .item4-3 img {
        width: 180px;
        border-radius: 10px;
    }
    .txtitem24-1 {
        font-size: 16px;
    }
    
    .txtitem24-2 {
        font-size: 20px;
    }
    
    .txtitem24-3 {
        font-size: 18px;
    }
    
    .txtitem24-4 {
        font-size: 16px;
    }
    
    .txtitem24-5 {
        font-size: 16px;
    }  

    .txtitem311-1 {
        font-size: 16px;
    }       
    .txtitem42-1 {
        font-size: 15px;
    }  
    .txt1 {
        padding-left: 200px;
        padding-right: 200px;
    }      
    .item31-1{
        margin-left:30px;
        margin-right:30px;  
    }    
/********************    primer cambio  ********************************/
.item2-3 img {
    display: none;
}  

.grid-2 {
        margin-top:60px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            25%
            /* 2 */
            25%
            /* 2 */
            50%;
        grid-template-rows:
            /* 3 */
            auto
            /* 5 */
            auto;
        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;
    } 
    .item2-1{
        grid-column: 1;
        grid-row: 1;
    }
    .item2-2{
        grid-column: 2;
        grid-row: 1;
    }    

    .item2-2 img{
        width: 180px;
    }     
    .item2-4 {
        padding: 20px;
        margin-left:0px;
        margin-right:32px;        
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .item2-5{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto
            auto
            60px
            auto;
        grid-template-rows:
            auto
            auto;
        column-gap: 4px;
        row-gap: 4px;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .item2-5 img {
        width: 80px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .img1 {
        grid-column: 1;
        grid-row: 1;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 1;    
    }
    
    .img3 {
        grid-column: 3;
        grid-row: 1;  
    }
    
    img.quintapic{
        grid-column: 5;
        grid-row: 1;    
    }

    img.cuartapic{
        width:200px;
        margin-bottom:30px;         
        grid-column: 4 ;
        grid-row: 2 ;    
    }    


    .item2-5 img {
        width: 110px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .item2-5 {
        grid-column: 1 /span 2;
        grid-row: 2 ;
        top: -600px;
    }

    img.cuartapic{
        position: relative;
        display: inline;
        width: 300px;
        top: 240px;
        margin-top:-400px;
        margin-left: -180px;
        margin-right: -120px;
        margin-bottom: 140px;
    }

    img.quintapic{
        display: inline;
    }  
    
    .txt3{
        margin-top: -20px;
        align-items: center;
        background-color: #676e9f3b;
        margin-bottom: 0px;
        
    }  

    a.txtitem3-1{
        margin-left: 40%;
    }

    a.txtitem3-2{
        margin-left: 14%;
        font-size:17px;
    }
    .fondoblack{
        border-radius: 0px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            50%
            /* 2 */
            50%;
        grid-template-rows:
        auto 
        auto 
        auto  
        auto;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;        
    }

    .grid-3, .grid3-1, .grid3-2{
        border-radius: 0;
    }
    .grid-3{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-column: 1 / span 2;
        grid-row: 1;   
    }  
    .grid3-1{
        padding-left: 250px;
        border-right: 1px solid rgb(165, 163, 163);
        grid-column: 1;
        grid-row: 2;   
        margin-bottom: 0;   
    } 

    .grid3-1 img {
        width: 220px;
    }
    .grid3-2 img {
        width: 280px;
    }   
    .grid3-2{
        /*padding-right: 250px; */
        padding: 32px 25% 32px 25%;
        background-color: #F6EDF5;
        grid-column: 1 / span 2;
        grid-row: 2;   
        margin-bottom: 0;  
    }
    .grid-4{
        border-radius: 0px;
        grid-column: 1 / span 2;
        grid-row: 3;          
    }

    .item4-1 img {
        /*margin-left: 90px;
        margin-right: 90px;*/
        width: 160px;
    }   
   
    img.imgleft{
        position: relative;
        right: 300px;
    }
    img.imgright{
        position: relative;
        left: 300px;
    }    

    .item4-2{
        position:relative;
        width: 520px;
        top:-250px;
    }
    .item4-3 {
        position: relative;
        top:-200px;
        margin-bottom: -200px;
        grid-template-columns:
            /* 1 */
            auto
            /* 2 */
            auto
            /* 2 */  
            auto
            /* 2 */
            auto
            /* 2 */                       
            auto;
        grid-template-rows:
            auto;
        column-gap: 20px;
        row-gap: 20px;
    }   
    
    .item4-3 img {
        width: 150px;
        border-radius: 10px;
    }    

    .one {
        grid-column: 1;
        grid-row: 1;
    }
    
    
    .two {
        grid-column: 2;
        grid-row: 1;
    }
    
    
    .three {
        grid-column: 3;
        grid-row: 1;
    }
    
    img.three {
        width: 160px;
    }
    
    .four {
        grid-column: 4;
        grid-row: 1;
    }
    
    .five {
        grid-column:5 ;
        grid-row: 1;
        justify-content: center;
    }  
    .six{
        grid-column: 5;
        grid-row:1;
    }  
    img.letrero {
        width:600px;
    }

    .grid-5{
        position:relative;
        grid-column: 1 / span 3;
        grid-row:4; 
        margin:0 auto;
        justify-content: center;
        align-items: center;
    }
    .grid-5{       
        grid-template-columns:
            /* 1 */
            40%
            /* 2 */
            33%
            /* 2 */            
            30%;
        grid-template-rows:
            /* 4 */
            auto
            /* 5 */
            auto;
    }
    .grid-5 img{
        grid-column: 1 / span 3;
        grid-row:1;        
    }

    .item5-1{
        grid-column: 1 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 2 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 3;
        grid-row:2;  
    }

    .item5-1, .item5-2{
        position:relative;
        margin-top: -160px;
    }

}

@media only screen and (min-width: 1441px)  {
    body{
        margin: 0 auto;
        background-color: #F6EDF5;
    }
    .portada {
        background-image: url('../img/im-cabezal-pantallagrande.jpg');
        height: 1100px;
    }

    .grid-1{
        display: grid;
        grid-template-columns:
            20%
            60%
            10%            
            10%;
        grid-template-rows:
            auto;

        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;       
    }

    .item1-1 img{
        margin-left:60px;
    }

    .txt1{
        display: flex;
        top: 0px;
        border-radius: 0;
    }

    .txt1 a{
        margin-left:20%;
        width: 60%;
        font-size:15px;
    }
    
    .txt1 img {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        display:flex; 
    }

    .tira_img {
        top: -380px;
        margin-bottom: -260px;
    }
    
    .tira_img img {
        width: 300px;
        margin: 26px;
        left: 40%;
    }

    .txt2{
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            auto
            auto    
            auto
            auto;
        grid-template-rows:
            auto;   
        justify-content: center;  
    }

    .txt2 a{
        grid-column: 2;
        grid-row: 1;
    }

    .txt2 img {
        margin: -60px 0 -60px 0;
        width: 230px;
        grid-column: 3;
        grid-row: 1;        
    }

    .txtitem21-1 {
    font-size: 30px;
    }
    
    .item2-2 img {
        width: 280px;
    }

    .item4-3 img {
        width: 180px;
        border-radius: 10px;
    }
    
    .txtitem24-1 {
        font-size: 16px;
    }
    
    .txtitem24-2 {
        font-size: 20px;
    }
    
    .txtitem24-3 {
        font-size: 18px;
    }
    
    .txtitem24-4 {
        font-size: 16px;
    }
    
    .txtitem24-5 {
        font-size: 16px;
    }  
      
    .txtitem311-1 {
        font-size: 16px;
    }     
    .txtitem42-1 {
        font-size: 15px;
    }     
    .txt1 {
        padding-left: 200px;
        padding-right: 200px;
    } 
    .item31-1{
        margin-left:60px;
        margin-right:60px;   
    }    
/********************    primer cambio  ********************************/
.item2-3 img {
    display: none;
}  

.grid-2 {
        margin-top:80px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            25%
            25%
            50%;
        grid-template-rows:
            auto
            auto;
        column-gap: 10px;
        row-gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;
    } 
    .item2-1{
        margin-left:200px;
        text-align: right;
        margin-right: -80px;;        
        grid-column: 1;
        grid-row: 1;
    }
    .item2-2{
        margin-left:200px;
        grid-column: 2;
        grid-row: 1;
    }    

    .item2-2 img{
        width: 180px;
    }     
    .item2-4 {
        padding: 20px;
        margin-left:20px;
        margin-right:220px;        
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .img1 {
        grid-column: 1;
        grid-row: 1;    
    }
    
    .img2 {
        grid-column: 2;
        grid-row: 1;    
    }
    
    .img3 {
        grid-column: 4;
        grid-row: 1;  
    }
    
    img.quintapic{
        grid-column: 5;
        grid-row: 1;    
    }

    img.cuartapic{
        border-radius: 10px;
       /* width:200px;
        margin-bottom:30px;  */       
        grid-column: 3 ;
        grid-row: 1;    
    }    


    .item2-5 img {
        width: 140px;
        border-radius: 10px;
        margin: 2px;
    }
    
    .item2-5 {
        margin-left:110px;
        grid-column: 1 /span 2;
        grid-row: 2 ;
    }


    img.cuartapic{
        position: relative;
        display: inline;
        width: 300px;
        top: 180px;
        margin-top:-200px;
        margin-left: -80px;
        margin-right: -80px;
        margin-bottom: 140px;
    }

    img.quintapic{
        display: inline;
    }  
    
    .txt3 {
        margin-top: -20px;
        align-items: center;
        background-color: #676e9f3b;
        margin-bottom: 0px;
    }   

    a.txtitem3-1{
        margin-left: 40%;
    }

    a.txtitem3-2{
        margin-left: 20%;  
    }
    
    .fondoblack{
        border-radius: 0px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns:
            /* 1 */
            50%
            /* 2 */
            50%;
        grid-template-rows:
        auto 
        auto 
        auto  
        auto;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 0;        
    }

    .grid-3, .grid3-1, .grid3-2{
        border-radius: 0;
    }
    .grid-3{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-column: 1 / span 2;
        grid-row: 1;   
    }  
    .grid3-1{
        padding-left: 360px;
        border-right: 1px solid rgb(165, 163, 163);
        grid-column: 1;
        grid-row: 2;   
        margin-bottom: 0;   
    } 
    .grid3-2{
        /*padding-right: 250px;*/
        padding: 32px 30% 32px 30%;
        background-color: #F6EDF5;
        grid-column: 1 / span 2;
        grid-row: 2;   
        margin-bottom: 0;  
    }

    .grid-4{
        border-radius: 0px;
        grid-column: 1 / span 2;
        grid-row: 3;          
    }

    .item4-1 img {
        /*margin-left: 90px;
        margin-right: 90px;*/
        width: 160px;
    }   
   
    img.imgleft{
        position: relative;
        right: 300px;
    }
    img.imgright{
        position: relative;
        left: 300px;
    }    

    .item4-2{
        position:relative;
        width: 520px;
        top:-250px;
    }
    .item4-3 {
        position: relative;
        top:-200px;
        margin-bottom: -200px;
        grid-template-columns:
            auto
            auto 
            auto
            auto                      
            auto;
        grid-template-rows:
            auto;
        column-gap: 20px;
        row-gap: 20px;
    }   
    
    .item4-3 img {
        width: 150px;
        border-radius: 10px;
    }    

    .one {
        grid-column: 1;
        grid-row: 1;
    }
    
    
    .two {
        grid-column: 2;
        grid-row: 1;
    }
    
    
    .three {
        grid-column: 3;
        grid-row: 1;
    }
    
    img.three {
        width: 160px;
    }
    
    .four {
        grid-column: 4;
        grid-row: 1;
    }
    
    .five {
        grid-column:5 ;
        grid-row: 1;
        justify-content: center;
    }  
    .six{
        grid-column: 5;
        grid-row:1;
    }  
    img.letrero {
        width:600px;
    }

    .grid-5{
        position:relative;
        grid-column: 1 / span 3;
        grid-row:4; 
        margin:0 auto;
        justify-content: center;
        align-items: center;
    }
    .grid-5{       
        grid-template-columns:
            /* 1 */
            40%
            /* 2 */
            33%
            /* 2 */            
            30%;
        grid-template-rows:
            /* 4 */
            auto
            /* 5 */
            auto;
    }
    .grid-5 img{
        grid-column: 1 / span 3;
        grid-row:1;        
    }

    .item5-1{
        grid-column: 1 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 2 ;
        grid-row:2;  
    }
    .item5-1{
        grid-column: 3;
        grid-row:2;  
    }

    .item5-1, .item5-2{
        position:relative;
        margin-top: -160px;
    }
}