*{ margin: 0;
	padding:0;
	font-family: 'Exo', sans-swfif;
	 
}
body
{
	display: grid;
	background-color:#fff;
	align-items : center; 
	height: 100vh;
	place-items: center;
	margin: 30px 0;
}
		body {
		background-position: 50% 50%;
		margin:0;
	}
	.about-btn {
		background-color: #161616;
		color: white;
		padding: 16px;
		font-size: 18px;
		font-weight: bolder;
		border: none;
	}
	
	.contact-btn {
		background-color: #161616;
		color: white;
		padding: 16px;
		font-size: 18px;
		font-weight: bolder;
		border: none;
	}
	.dropdown {
		position: relative;
		display: inline-block;
	}
	
	.dropdown1 {
		position: relative;
		display: inline-block;
	}
	.about-content {
		display: none;
		position: absolute;
		background-color:#161616;
		min-width: 160px;
		z-index: 1;
	}
	
	.contact-content {
		display: none;
		position: absolute;
		background-color:#161616;
		min-width: 160px;
		z-index:1;
	}	
	
	
	nav{
		background-color:#161616;
		text-align:center;
		padding-top:30px;
		position:fixed;
		top:0;
		width:100%;
		
	}
	
	.link,.link-hidden,.link-hidden1{
		display: inline-block;
		color: rgb(255, 255, 255);
		padding: 12px 16px;
		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
	}
	
	.link-hidden,.link-hidden1{
		display: block;
		background-color:#161616;
	}
	
	.link{
		display: inline-block;
	}
	
	.link-hidden:hover,.link:hover,.link-hidden1:hover {
		color: #0AEA1A;
		background-color:black;
	}
	
	.dropdown:hover .about-content {
		display: block;
		background-color:black;
	}
	
	.dropdown1:hover .contact-content {
		display: block;
		background-color:black;
	}
	.dropdown:hover .about-btn {
		color: #0AEA1A;
		background-color:black;
	}
	
	.dropdown1:hover .contact-btn {
		color: #0AEA1A;
		background-color:black;
	}
	.content img {
		float:left;
		width:230px;
		height:80px;
		
	}
	
	.content img {
		position:absolute;
		top:0px;
		left:0px;
	}
#container
{
	height: 600px;
	width: 1200px;
	background: #95CE95 ;
	background-size: cover;
	background-repeat: no-repeat;
	place-items: 300px;
	align-items: 300px;
	margin: 75px 0;
	
}
#container h1  
{
	text-align: center;
	margin: 50px;
	place-items: center;
}
#container  #imageBox
{
	height: 450px;
	width: 1000px;
	background: rgba(255,255,255,.2);
	margin: 25px 20px 10px 100px;
	border: 1pz solid  black;
	position: relative;
	display: block;
	flex-direction:row;
	display: flex;
	 
	
}
 #container  #imageBox #ImgNInfor1,#ImgNInfor2,#ImgNInfor3,#ImgNInfor4
{
	flex-direction: column;
	display: flex;
	padding: 25px;
}
 
 img
{
	height: 250px;
	width: 200px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 #ImgNInfor1  img:hover
{
	transform :scale(1.3);
}
#ImgNInfor2  img:hover
{
	transform :scale(1.3);
}
#ImgNInfor3  img:hover
{
	transform :scale(1.3);
}
#ImgNInfor4  img:hover
{
	transform :scale(1.3);
}

#Infor1,#Infor2	
{
	display: none; 
	background:#fff;
	height: 100px;
	width: 200px;
	align-items: center;
	place-items: center;
	margin: 50px 0 0 0;
	opacity: 0.8;
	
}
#Infor3 ,#Infor4
{
	display: none; 
	background:#fff;
	height: 100px;
	width: 200px;
	align-items: center;
	place-items: center;
	margin: 50px 0 0 0;
	opacity: 0.8;
	
}
#Infor1,#Infor2,#Infor3,#Infor4	 h2,h3
{
	text-align: center;
	 
	
}
	.footer{
		position:absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top:850px;
		background: black;
		height:380px;
		width: 100%;
		color: #fff;
		margin-bottom:0;
		border-top-style:solid;
		border-top-color:yellow;
		z-index:1;
		
	
	}
	.box{
		display: flex;
	}
	
	.footer-img{
		height:350px;
		width:380px;
		margin-left:100px;
	}
	
	.copyright-text{
		padding-right:100px;
		background-size:cover;
		
	}
	
	.footer-social{
		padding-left:980px;
		margin-bottom:50px;
	}

	.footer-social a{
		text-decoration:none;
		color:white;
		font-size:20px;
		
		
	}
	
	.footer-social li{
		display:inline;
		top:0px;
	
		
		
	}
	
	.footer-social-link,.footer-social-link-1,.footer-social-link-2,.footer-social-link-3{
		padding-right:50px;
		transition: all 0.5s;
		
		
	}
	
	
	.footer-social-link:hover{
		color:#0E32BB ;
	}
	
	.footer-social-link-1:hover{
		color:#C41F97;
	}
	
	.footer-social-link-2:hover{
		color:#D71B32;
	}
	
	.footer-social-link-3:hover{
		color:#3A92F7 ;
	}
	
	.sitemap-r{
		background-color:black;
		color:white;
		border-radius:15px;
		border: 3px dotted yellow;
		text-align: center;
		font-size: 28px;
		padding: 15px;
		width: 200px;
		transition: all 0.5s;
		cursor: pointer;
		margin-left:500px;
		margin-right:50px;
		margin-top:90px;
	}
	
	.sitemap-r:hover{
		color:yellow;
		
	}
	
	.editor{
		background-color:black;
		color:white;
		border-radius:15px;
		border: 3px dotted yellow;
		text-align: center;
		font-size:18px;
		padding: 15px;
		transition: all 0.5s;
		cursor: pointer;
		margin-bottom:50px;
	}
	
	.editor:hover{
		color:yellow;
	}
	
	.contact-footer{
		background-color:black;
		color:white;
		border-radius:15px;
		border: 3px dotted yellow;
		text-align: center;
		font-size:20px;
		padding-top: 10px;
		padding-bottom:10px;
		transition: all 0.5s;
		cursor: pointer;
		margin-left:660px;
		
		
	}
	.contact-footer:hover{
		color:yellow;
	}