@import url(CSSReset.css);
@import url(SCDNavbarCSS.css);
main{
    display: grid;
    grid-template-areas: 
    "WhoAreWe WAWImg"
    "WCUImg WhyChooseUs"
    "PrevCust PrevCust";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 3fr 3fr 2fr;
    text-align: center;
}
#WhoAreWe{
    grid-area: WhoAreWe;
}
#WhoAreWeIMG{
    grid-area: WAWImg;
    width:300px;
    height: auto;
}
#WhyChooseUs{
    grid-area:WhyChooseUs;
}
#WhyChooseUsIMG{
    grid-area:WCUImg;
        width:300px;
    height: auto;
}
#PreviousCustomers{
    grid-area: PrevCust;
}
#PreviousCustomers>div>img{
    width:100px;
    height: auto;
}
#PreviousCustomers>div{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
footer{
    font-style: italic;
    text-align: center;
}
main>img{
    margin-left:30%;
}
@media screen and (max-width:800px) {
main{
    display: grid;
    grid-template-areas: 
    "WAWImg"
    "WhoAreWe"
    "WCUImg"
    "WhyChooseUs"
    "PrevCust";
    grid-template-columns: 1fr;
    grid-template-rows: 3fr 3fr 3fr 3fr 4fr;
    text-align: center;
}
#PreviousCustomers>div{
    flex-wrap: wrap;
}
}