.vision{
margin: 0 auto;
width: 60%;
text-align: left;
}
.p1{margin: 0 auto;
width: 60%;
text-align: left;
}
li a:hover{background-color:yellow;
color:red; 
}

#img{
 text-align:right;
 }
 #footer{
text-align:center;
margin-right:30px;
}

*{padding:0px;
 margin:0px;}
nav { background-color:#008080;
height:50px;}
 
 nav ul li{ list-style-type:none;
 width:150px;
 float:left;
 text-align:center;}
 li a{ text-decoration:none;
 color:white;
 line-height:100px;
 display:block;
}
 li a:hover{background-color:#ffbf00;
color:red; 
}

 article{text-align:absolute;
 padding:10px;
 font-family:sans-serif;
 margin:0px;
 }
 
 #video{text-align:center; }
 
 p{text-align:center;}
 
# title{background-color:black;
width:150px;
 float:left;
 text-align:center;}
 li a{ text-decoration:none;
 color:white;
 line-height:50px;
 }
#container{
height:450px;
 width:450px;
 margin:0px auto;
 position:relative;
 border:20px black;
 
 
}
#container>img{
 height:100%;
 width:100%;
 position:absolute;
 opacity:1;
 transparent:20%;
 background-color:default;
 height:400px;
 width:400px;
  padding-top: solid lime	 10px;
  border-top: solid lime	 20px;
  border-bottom:solid lime 20px;
  padding-bottom:solid lime 10px;
 border-right:  solid Aquamarine 20px; 
 padding-right:solid Aquamarine 10px;
 border-left: solid Aquamarine 20px;
 padding-left: solid Aquamarine 10px;
float:center;
 
}
#container>slidees{
 height:100%;
 width:100%;
 position:absolute;
 opacity:1;
 transparent:20%;
 background-color:default;
 border-bottom:20px;
 
}


#container>#btn1{
 position:relative;
 height:50px;
 width:50px;
 border:none;
 border-radius:20px;
 top:225px;
 background:gray;
 color:white;
 font-size:20px;
 }
 #container>#btn1{
 position:absolute;
 height:50px;
 width:50px;
 border:none;
 border-radius:20px;
 top:225px;
 background:gray;
 color:white;
 font-size:20px;
 }


#container>#btn2{
 position:absolute;
 height:50px;
 width:50px;
 border:none;
 border-radius:25px;
 top:225px;
 background:gray;
 color:white;
 font-size:20px;
 }
 #container>#btn2{
 position:absolute;
 right:200px;
 height:50px;
 width:50px;
 top:225px;
  border:none;
  color:white;
  background:gray;
  right:0px;
 border-radius:25px;
 }
 #container>#btn1:hover{
color:orange;
box-shadow:-10px 0px 10px 20px gray;	
 }
 
#container>#btn2:hover{
color:orange;
box-shadow:-10px 0px 10px 20px gray;	
}
#conatainer>btn2{
	position:relative;
	float:right;
	
}
#testimonial{
	text-align:center;
}
#copyright{
	text-align:center;
	font-size:default;
	
  
}
 
body{
width:100%
min-heightheight:100vh;	
background-color:81C6E8;
text-align:left;	
}
.container{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0.5rem;
	padding-right:0.5rem;
	}

.menu1{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}
@media( max-width:2000px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
}
@media( max-width:1600px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:1300px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:1000px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:700px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:500px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:300px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}
@media( max-width:200px){
.menu1{
	position:relative;
	width:100%
	flex-wrap:wrap;
	gap:2px;
padding-top:0px;
	
}	
	
	
}