@media screen and (max-width: 1200px){
    .companylogos img {
    width: 12vw;
    height: 4.05vw;
}

.leftgridtemplates{
   display: grid; 
   grid-template-columns: none;
    grid-template-rows: 200px 300px;
}
.leftgridtemplatesdiv:first-child{
    padding: 10vw;
}
.leftgridtemplates:last-child{
    
    margin-top: 20px;
    width: 60vw;

}

.rightgridtemplates{
   display: grid; 
   grid-template-columns: none;
    grid-template-rows: 200px 300px;
}
.rightgridleftside{
    padding: 10vw;
    margin: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.rightgridusable div img{
     width: 60vw;
}
.rightgridtemplates:last-child{
    width: 60vw;

}






}



@media screen and (max-width: 500px){
    .companylogos{
        display: flex;
        flex-direction: column;
    }
    .companylogos img {
    width: 24vw;
    height: 8.1vw;
}

.centrehead h1{
    text-align: center;
}
.centrehead p{
    width: 80vw;
}


.leftgridtemplates img{
    width: 80vw;
}


.rightgridtemplates img{
    width: 80vw;
}


}