

 
#header{
	color:#fff;
	background:Blue;
}
 #logo{
	 font-size: 18px;
	 padding: 8px;
 }
	 
 #menu{
	 list-style:none;
	 margin:0;
	 padding:0;
 }
 #menu li{
	 display: inline-block;
 }
 
  #menu li a{
	 color: #fff;
	 background: ;
	 padding: 11px 6px;
	 display: block;
 }
  
   #menu li a:hover{
	    background:red;
   }
   
	
	 .dropbtn {
  background-color:#ddd;
  color: yellow;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: green;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {background-color: green;}

.dropdown:hover .dropdown-menu {display: block;}

.dropdown:hover .dropbtn {background-color:  blue;}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
	
	
	
	
	#footer{
		color: #fff;
		background: #2c3e50;
		padding: 10px 0;
	}
	#social-icons{
		list-style: none;
		color:#fff;
		margin: 0;
		padding: 0:
	}
   #social-icons li{
	   display: inline-block;
	   padding-left: 5px;
   }
    #social-icons li a{
		color: #fff;
		font-size: 23px;
	}
   @media (max-width: 768){
	   #logo{
		  text-align: center;
			margin: 10px 0;
	   }
	    @media (max-width: 992){
			.news-post{
				margin-bottom: 30px;
			}
			
	   #menu{
		text-align: center;   
	   }
	    .banner-title{
	   padding-top: 0;
   }
	   .banner-title h1{
	   padding-top: 5rem;
	   font-size: 1.7rem;
   } 
	   .section{
		   padding-top: 40px;
		   padding-bottom: 40px;
	   }
	  .testimonial{
		   text-align: center;
		   margin-bottom: 30px;
	   }
	   .service-box{
		   margin-bottom: 30px;
	   }
	   .news-post{
		   margin-bottom: 30px; 
	   }
	   .footer-widget{
		   margin-bottom: 10px;
	   }
	   #footer{
		   text-align: center; 
	   }
	   
	    #footer1{
		   text-align: center; 
		   margin-bottom:100px;
	   }
	   
	   
	   
	   #social-icons{
		   margin-top: 10px;
	   }
   }
   
   