header{
	height:10vh;
	 background-size:cover;
	 background-position:center;
	 min-height:100px;
}
 
 
 
 
 ul{
	float:right;
	list-style-type:none;
	margin-top: 30px;
	margin-right:60px;
	font-size:17px;
}

ul li{
	display:inline-block;
}

ul li a{
	text-decoration:none;
	color:#fff;
	padding:5px 20px;
	border:1px solid transparent;
	transition:0.5 ease;
}

ul li a:hover{
	background-color:#fff;
	color:#000;
}

ul li.active a{
	 background-color:#fff;
	 color:#000;
}
 
 *{
	 margin:0px;
	 padding:0px;
	 box-sizing:border-box;
	 font-family:'roboto',sans-serif;
 }
 body{
	 background-color:#f2f2f2;
 }
 .heading{
	 width:90%;
	 display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:colomn;
	text-align:center;
	margin:20px auto;
 }
 
 heading h1{
	 font-size:50px;
	 color:#000;
	 margin-bottom:25px;
	 position: relative;
 }
 
 .heading h1::after{
	 content:"";
	 position:absolute;
	 width:100%;
	 height:4px;
	 display:block;
	 margin:0 auto;
	 background-color:#4caf50;
 }
  .heading p{
	  font-size:18px;
	  color:#666;
	  margin-bottom:35px;
  }
  .comtainer{
	  width:90%;
	  margin:0 auto;
	  padding:10px 20px;
  }
  
  .about{
	  display:flex;
	  justify-content:space-between;
	  align-items:center;
	  flex-wrap:wrap;
  }
  
  .about-image{
	  flex:1;
	  margin-right:40px;
	  overflow:hidden;
  }
  
  .about-image img{
	  max-width:100%;
	  height:auto;
	  display:block;
	  transition:0.5s ease;
  }
  
  .about-imnage:hover img{
	  transform:scale(1,2);
  }
  .about-content{
	  flex:1;
  }
  .about-content h2{
	  font-size:23px;
	  margin-bottom:15px;
	  color:#333;
  }
  
  .about-content p{
	  font-size:18px;
	  line-height:1.5;
	  color:#666;
  }
  .heading{
	  padding:0px 20px;
  }
  .heading h1{
	  font-size:36px;
  }
	  
  .heading p{
	  font-size:17px;
	  margin-bottom:0px
  }
  
  .container{
	  padding:0px;
  }
  .about{
	  padding:20px;
	  flex-direction:column;
  }
  
  .about-content p{
	  padding:0px;
	  font-size:16px;
  }
  
  .about-image{
	  margin-right:0px;
	  margin-bottom:20px;
  }
	  
	  
 