@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
.llamadoimg{
    
    text-align: center;
    font-family: 'Confortaa';
    font-size: 2em;
    width: 102%;
    margin-left: -1%;
    height: 2em;
    color: rgb(255, 255, 255);
    padding-top: 30%;
    background-image: url("../img/cr-1.jpg");
    background-size:cover;
    background-attachment: fixed;
    
}

body{
    font-family: 'Poppins';
}

.llamadoimg h1{
    margin-top: -2%;
    margin-left: -45%;
    font-family: maven;
    letter-spacing: 6px;
}

.text{
    font-family: rubik;
    font-size: 2em;
    margin-left: 1.5%;
    color: rgb(57, 57, 57);

}

.parent { 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 250px;
    font-family:'Poppins';
    justify-items: center;
    margin-top: 10%;
    width: 100%;
 
    
    }
.parent img{
    width: 80%;
    height: 90%;
}
.parent h2{
    font-size: 4em;
    text-align: center;
    letter-spacing: 20px;
    margin-top: -35%;
    /*border-bottom: 2px solid rgb(107, 149, 255);*/
    color: rgba(38, 84, 164, 0.812);
}
    .div1 { 
        /*background-color: #eeeeee9d;*/
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;/*50*/
    
        border-radius: 0px;/*2px*/
        padding-top: 0%;/*3%*/
        /*border: 0.5px solid #eeeeee9d;*/
       
        
    }    

    .div1 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div1 img:hover{
        transform: scale(1.07);
        
    }
 
    .div2 { 
        /*background-color: #eeeeee9d;*/
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;
        border-radius: 0px;
        padding-top: 0%;
        /*border: 0.5px solid #eeeeee9d;*/
    } 

    .div2 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div2 img:hover{
        transform: scale(1.07);
        
    }

    .div3 { 
        /*background-color: #eeeeee9d;*/ 
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;
       
        border-radius: 0px;
        padding-top: 0%;
        /*border: 0.5px solid #eeeeee9d;*/
    } 

    .div3 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div3 img:hover{
        transform: scale(1.07);
        
    }
    .div4 { 
        /*background-color: #eeeeee9d;*/    
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;
       
        border-radius: 0px;
        padding-top: 0%;
        /*border: 0.5px solid #eeeeee9d;*/

    } 

    .div4 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div4 img:hover{
        transform: scale(1.07);
        
    }
    .div5 { 
        /*background-color: #eeeeee9d;*/   
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;
  
        border-radius: 0px;
        padding-top: 0%;
        /*border: 0.5px solid #eeeeee9d;*/
       
    }
    
    .div5 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div5 img:hover{
        transform: scale(1.07);
        
    }

    .div6 { 
        /*background-color: #eeeeee9d;*/
        text-align: center;
        margin: 10% 10% 10% 10%;
        width: 50%;
        border-radius: 0px;
        padding-top: 0%;
        /*border: 0.5px solid #eeeeee9d;*/
    } 

    .div6 img{
        transition-property: transform;
        transition-duration: 1s;
        box-shadow: 10px 10px 5px 0px rgba(120, 120, 120, 0.75);
    }

    .div6 img:hover{
        transform: scale(1.07);
        
    }

    @media screen and (max-width: 1234px) {

        .llamadoimg h1{
              font-size: 2rem;
              margin-top: 10px;
              margin-left: 10px;
        }
        .llamadoimg{
            background-size: contain;
        }
        .parent{
            grid-template-columns: 1fr;
          

        }
        .parent h2{
            font-size: 2em;
            text-align: center;
            letter-spacing: 50px;
            margin-top: -35%;
          
        }
        .div1{
            padding-top: 5%;
        }
        .div2{
            padding-top: 5%;
        }
        .div3{
            padding-top: 5%;
        }
        .div4{
            padding-top: 5%;
        }
        .div5{
            padding-top: 5%;
        }
        .div6{
            padding-top: 5%;
        }
       }