@media screen and (max-width: 600px){
.ba{
background:lightskyblue;
/*width:1000px;*/
height:600px;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
align-items:center;
}
.be{
background:rgba(255,200,100,0.2 );
/*background:red;*/
width:500px;
height:500px;
}
.fa{
background:blue;
width:60px;
border:0px;
border-radius:10px;
margin-left:200px;
}
.pa{
background:none;
border:0px;
border-bottom:2px dashed black;
}
.pe{
border:4px solid black;
border-radius:7px;
}
}
@media screen and (min-width: 600px){
.ba{
background:lightpink;
/*width:1000px;*/
height:600px;
display:flex;
flex-direction:row;
justify-content:center;
text-align:center;
align-items:center;
}
.be{
background:rgba(00,200,200,0.2 );
/*background:red;*/
width:500px;
height:500px;
}
.fa{
background:blue;
width:60px;
border:0px;
border-radius:10px;
margin-left:200px;
}
.pa{
background:none;
border:0px;
border-bottom:2px dashed black;
}
.pe{
border:4px solid black;
border-radius:7px;
}
}