/*css page for index*/
	body {
		margin:5px;
		background-image:url(imgs/third-white.jpg);
		background-attachment:fixed;
		margin:none;
		font-family:Century, Consolas, Agency FB, Lucida Bright;
		scroll-behavior:smooth;
	}
	.dala{
		color:papayawhip;
	}
	.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 ;
	display:inline-block ;
	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:10px;
	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;

} 
	#first{
		padding:20px ;
		float:left;
		width:33.5% ;
		text-align:center;
		background:white;
		width:358px ;
		height:800px;
		border-radius:20px ;
		border:3px solid purple;
	}
	#first img{
		border-radius:1900px ;
		height:250px;
		width:180px ;
		box-shadow:inset 0 .5em 1.5em rgba(10, 0, 10, .1), inset 0 .125em .5em rgba(15, 0, 15, .15);
	}
	#second {
		padding:22px;
		float:right;
		margin-left:40px ;
		width:33.3%;
		text-align:center;
		background:white;
		width:320px;
		height:800px;
		border-radius:20px ;
		border:3px solid purple;
	}
	#second img{
		border-radius:1900px ;
		height:250px;
		width:180px ;
		box-shadow:inset 0 .5em 1.5em rgba(10, 0, 10, .1), inset 0 .125em .5em rgba(15, 0, 15, .15);
	}
	#third {
		padding:20px ;
		float:right;
		width:33.3%;
		text-align:center;
		background:white;
		width:350px ;
		height:800px;
		border-radius:20px ;
		border:3px solid purple;
	}
	#third img{
		border-radius:1900px ;
		height:250px;
		width:180px ;
		box-shadow:inset 0 .5em 1.5em rgba(10, 0, 10, .1), inset 0 .125em .5em rgba(15, 0, 15, .15);
	}
	#fourth {
		padding:20px ;
		float:left;
		margin-left:90px ;
		width:50%;
		text-align:center;
		background:white;
		width:355px ;
		height:800px;
		border-radius:20px ;
		border:3px solid purple;
	}
	#fourth img{
		border-radius:1900px ;
		height:250px;
		width:180px ;
		box-shadow:inset 0 .5em 1.5em rgba(10, 0, 10, .1), inset 0 .125em .5em rgba(15, 0, 15, .15);
	}
	#fifth {
		float:right;
		padding: 20px;
		margin-right:80px ;
		width:50%;
		text-align:center;
		background:white;
		width:355px ;
		height:800px;
		border-radius:20px ;
		border:3px solid purple;
	}
	#fifth img{
		border-radius:1900px ;
		height:250px;
		width:180px ;
		box-shadow:inset 0 .5em 1.5em rgba(10, 0, 10, .1), inset 0 .125em .5em rgba(15, 0, 15, .15);
	}
	.trust{
		color:purple;
		font-family:Arial Black;
		font-size:24px ;
		text-align:center ;
	}
	#us{
		margin-top:-70px ;
	}
	.up{
		font-family:Arial;
		font-weight:bold;
		text-align:center;
		font-size:18px ;
	}
	.mems{
		background-image:url(imgs/4.jpg);
		height:500px;
		width:100% ;
		background-size:cover;
		padding:150px ;
		padding-bottom:80px ;
		padding-left:40px ;
		color:papayawhip;
		background-repeat:no-repeat;
		text-align:center;
		font-family:Arial;
		font-weight:bolder;
		font-size:80px ;
	}
	.mems i{
		color:gold;
	}
	#foot{
		color:white;
		background-image:url(imgs/3.jpg);
		background-repeat:no-repeat;
		background-size:cover ;
		width:100%;
		height:500px;
		margin-top:1800px ;
	}
	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, .leftis p, .leftos p, .leftus p, #foot, #foot p, #first, #second, #third, #fourth, #fifth .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 */
		}
	}
}