body {
	margin:0;
	font-family:verdanna, times new roman, geogia, arial;
	background-color:lightblue;
}
.boku {
	float:left;
	padding:5px;
	border-radius:5px;
	background:blue;
	color:white;
	text-decoration:none;
}
hr {
	border:1px solid papayawhip;
	width:100% ;
	text-align: center;
}
#header {
	top:0 ;
	width:100% ;
	position:fixed;
	background:black;
	padding-bottom:-50px ;
	padding-left:40px ;
	color:white;
	text-align:right;
	justify-content:space-between;
	box-shadow: inset 0 .5em 1.5em rgba(5, 0, 5, .1), inset 0 .125em .5em rgba(5, 0, 5, .15);
	border-bottom-right-radius:20px ;
	border-bottom-left-radius:20px ;

}
.menus{
	margin:none ;
	padding:2px;
	text-align: center;
	padding-right:100px;
	color:white ;
}
.mehn{
	background:papayawhip;
	color:black;
	padding:5px;
	border-radius:2px ;
}
.mehn:hover{
	border:1px solid papayawhip ;
	transition:.5s ease ;
}
.mehh:hover{
	border:1px solid papayawhip ;
	transition:.5s ease ;
}
.mehh {
	color:white;
	padding:5px;
	border-radius:2px ;
}
li {
	display:inline-block;
	color:white;
	text-align:center;
	padding:10px 15px 12px;
	font-size:100%;
}
a {
	text-decoration:none;
	justify-content:space-between ;
}
button {
	padding:5px;
	background:none;
	border:1px solid papayawhip;
	color:white ;
	width:80px ;
	float:right;
}
button:hover {
	cursor:pointer ;
	background:papayawhip;
	color:black;
	transition:.5s ease;

} 
.mems{
		background-image:url(imgs/4.jpg);
		height:250px;
		padding:100px ;
		background-size:contain ;
		color:papayawhip;
		background-repeat:no-repeat;
		text-align:center;
		font-family:Arial;
		font-weight:bolder;
		font-size:5vh ;
	}
.container{
	background: lightblue;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.container div {
	width:30%;
}
#lefti {
	float: left;
	flex:1;
	background-color:blue;
	color: white;
	text-align: center;
	border-radius: 10px;
}
#righti{
	float: left;
	flex:1;
	background-color: darkblue;
	color: white;
	text-align: center;
	border-radius: 10px;
}
#rights {
	float: right;
	flex:1;
	background-color:blue;
	color: white;
	text-align: center;
	border-radius: 10px;
}
.serve {
	color: white;
	font-size: 50PX;
	width: 500px;
    height: 100%;
	background-color: blue;
	width:500px;
	margin-left:500px ;
	text-align:center;
	padding:40px;/**examples.css**/
	border-radius: 20px;
}
#foot{
		color:white;
		background-image:url(imgs/3.jpg);
		background-repeat:no-repeat;
		background-size:cover ;
		width:100%;
		height:250px;
		margin-top:300px ;
	}
	hr{
		border:1px solid white ;
	}
	#foot p{
		text-align:center;
		font-family:Calibri ;
	}
	.trl{
		margin-left:500px ;
	}
	.leftis{
		float:left;
		width: 33.3%; 
		text-align: center;
	}
	.leftis p{
		color:ghostwhite ;
		text-align:center;
	}
	.leftus{
		float:right;
		width: 33.3%; 
		text-align: center;
	}
	.leftus p{
		color:ghostwhite ;
		text-align:center;
	}
	.leftos{
		float:right;
		width: 33.3%; 
		text-align: center;
	}
	.leftos p{
		color:ghostwhite ;
		text-align:center;
	}
	@media screen and (max-width:800px) {
		.left, .main, .right, .topnav, .leftis, .leftos, .leftus, #foot, .topnavi2, .mid-content, .mini, .sec .topnavi3, .upre, .upra, #topnav, a:hover, a, .searchbx, .select, .uper, {
			width:100%;
			float:none;
			display:block;
			 /* the width is 100%, when the viewport is 800px or smaller */
		}
	}
}