@media screen and (max-width: 800px){
/*body{background-image:url("m.jpg");*/
.ka{
/*background:blue;*/
/*width:900px;
height:100px;*/
display:flex;
justify-content:center;
align-items:center;
align-content:center;
text-align:center
}

.ke{
/*background:red;*/
background:rgba(00,24,40,0.5);
/*width:400px;
height:500px;*/
margin-left:100px;
margin-top:60px;
}
.pa{
/*background:maroon;*/

/*width:400px;
height:70px;*/
display:flex;
flex-direction:row;
justify-content:center;
text-align:center;
align-items:center;
}
.pe{
background:yellow;
/*width:100px;
height:30px;*/

}
.pi{
background:yellow;
/*width:100px;
height:30px;*/
margin-left:30px;
}
.ma{
color:yellow;
}
.me{
color:white;
}
.nil{
background:lightgreen;
width:450px;
height:40px;
}
a{
margin-right:70px;
}
}

@media screen and (min-width: 800px){
body{background-image:url("m.jpg");
.ka{
/*background:blue;*/
/*width:900px;
height:700px;*/
display:flex;
justify-content:center;
align-items:center;
align-content:center;
text-align:center
}
.ke{
/*background:red;*/
background:rgba(00,24,40,0.5);
width:400px;
height:500px;
margin-left:100px;
}
.pa{
/*background:maroon;*/

width:400px;
height:70px;
display:flex;
flex-direction:row;
justify-content:center;
text-align:center;
align-items:center;
}
.pe{
background:yellow;
width:100px;
height:30px;

}
.pi{
background:yellow;
width:100px;
height:30px;
margin-left:30px;
}
.ma{
color:yellow;
}
.me{
color:white;
}
a{
margin-left:200px;
color:black;
text-decoration:none;

}
.nil{
/*background:red;*/
width:900px;
height:50px;


}
}