@media screen and (max-width:600px){
.da{
/*background:yellow;*/
/*width:1200px;
height:100px;*/
display:flex;
flex-direction:row;
flex-wrap:wrap;


}
.de{
/*background:green;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.di{
/*background:red;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/

}
.do{
/*background:blue;*/
width:300px;
height:300px;
/*margin-left:50px;
margin-top:30px;*/
}
.pa{
/*background:maroon;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.pe{
/*background:orange;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.pi{
/*background:pink;*/
width:300px;
height:300px;
/*margin-left:110px;
margin-top:40px;*/
}

img{
width:300px;
height:200px;
}
.wa{ 
background:skyblue;
width:100px;
height:400px;
margin-right:50px;
margin-top:50px;
/*margin-top:50px;*/
/*height:1000px;*/
}
/*.fa{
background:yellow;
width:2000px;
height:900px;
}*/
.ma{
display:flex;
flex-direction:column;
padding-top:25px;

}

.ma1{
display:flex;
flex-direction:column;

}

.ma2{
display:flex;
flex-direction:column;
}


}

@media screen and (min-width:800px){
.da{
/*background:yellow;*/
/*width:1200px;
height:100px;*/
display:flex;
flex-direction:row;
flex-wrap:wrap;


}
.de{
/*background:green;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.di{
/*background:red;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/

}
.do{
/*background:blue;*/
width:300px;
height:300px;
/*margin-left:50px;
margin-top:30px;*/
}
.pa{
/*background:maroon;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.pe{
/*background:orange;*/
width:300px;
height:300px;
margin-right:40px;
/*margin-top:30px;*/
}
.pi{
/*background:pink;*/
width:300px;
height:300px;
/*margin-left:110px;
margin-top:40px;*/
}

img{
width:300px;
height:200px;
}
.wa{ 
background:skyblue;
width:100px;
height:400px;
margin-right:50px;
margin-top:80px;
/*margin-top:50px;*/
/*height:1000px;*/
}
/*.fa{
background:yellow;
width:2000px;
height:900px;
}*/
.ma{
display:flex;
flex-direction:column;
padding-top:25px;
}

.ma1{
display:flex;
flex-direction:row;

}

.ma2{
display:flex;
flex-direction:row;
}
.paw{
/*background:yellow;*/
width:100px;
height:20px;
justify-content:center;
}

}