/*for small devices*/
.escri{
    display: grid;    
}

.escri .marg-text{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 90vw;
}

.escri-img{
    object-fit: cover;
    width: 100%;
    height: auto;
    background-size: cover;
    margin: auto;
    margin-top:20px;
}    


/* Medium devices (tablets, 1024px and up) */
@media screen and (min-width: 1024px){
    .wrapper {
        align-content: center;
        grid-template-columns: repeat(12, 113.83px);
        grid-template-rows:518px 54px 2046px 300px;
        grid-template-areas:
        "header header header header header header header header header header header header"
        "menu menu menu menu menu menu menu menu menu menu menu menu"
        "escri escri escri escri escri escri escri escri escri escri escri escri"
        "footer footer footer footer footer footer footer footer footer footer footer footer";
        grid-gap: unset;
        justify-content: center;
        margin: auto;
    }

    .escri{
        grid-area: escri;
        display: grid;
        align-items: flex-start;
        grid-template-rows: 140px 160px 1106px 180px 180px 180px; 
    }

    .escri .marg-title{
        margin-left: 140px;
        margin-top: 80px;
        text-align: left;
    }
    .escri .marg-text{
		margin-left: 140px;
		margin-right: 140px;
        margin-top: 20px;
        width: unset;
	}

    .escri-img{
        object-fit: cover;
        width: 1106px;
        height: 1106px;
        background-size: cover;	
        margin: auto;
    }    
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .wrapper {
        align-content: center;
        grid-template-columns: repeat(12, 100px);
    }		

}