@media screen and (max-width:700px){
.pa{
/*background:purple;*/
/*width:700px;
height:700px;*/
display:flex;
flex-direction:column;
text-align:center;
align-items:center;
justify-content:center;

}
.pe{
/*background:maroon;*/
width:400px;
height:300px;
}
.pi{
/*background:blue;*/
width:400px;
height:300px;
margin-left:100px;
}

.li{
/*background:green;*/
width:600px;
height:70px;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
align-items:center;

}
.le{
/*background:yellow;*/
width:500px;
height:30px;
margin-left:30px;
text-decoration:none;
display:none;
}
.kan{
/*background:yellow;*/
width:500px;
height:30px;
margin-left:30px;
text-decoration:none;
display:flex;
}
.la{
/*background:red;*/
width:300px;
height:40px;

}
a{
text-decoration:none;
justify:center;
padding-left:30px;

}
}
@media screen and (min-width:700px){
.pa{
/*background:purple;*/
/*width:700px;
height:700px;*/
display:flex;
flex-direction:row;
text-align:center;
align-items:center;
/*justify-content:center;*/

}

.pe{
/*background:maroon;*/
width:400px;
height:300px;
}
.pi{
/*background:blue;*/
width:400px;
height:300px;
margin-left:100px;
}

.li{
/*background:green;*/
width:600px;
height:70px;
display:flex;
flex-direction:row;
justify-content:center;
text-align:center;
align-items:center;

}
.le{
/*background:yellow;*/
width:500px;
height:30px;
margin-left:30px;
text-decoration:none;
display:flex;
}
.la{
/*background:red;*/
width:300px;
height:40px;

}
a{
text-decoration:none;
justify:center;
padding-left:30px;
}
.run{
display:none;

}
}