.section{
	padding-top: 70px;
	padding-bottom: 70px;
}
.section h2.section-head{
	color: #000;
	text-align: center;
    margin-bottom: 40px;
}
.section h2.section-head:after{
	background:#e74c3c;
	content: "";
	display: block;
	width: 100px;
	height: 3px;
	margin: 20px auto;
}

#header{
	color:#fff;
	background:#e74c3c;
}
 #logo{
	 font-size: 2rem;
	 padding: 5px;
 }
	 
 #menu{
	 list-style:none;
	 margin:0;
	 padding:0;
 }
 #menu li{
	 display: inline-block;
 }
 
  #menu li a{
	 color: #fff;
	 background: SpringGreen;
	 padding: 15px 10px;
	 display: block;
 }
  
   #menu li a:hover{
	    background:red;
   }
   #banner{
	   background: url('../images/banner.jpg') no-repeat 0 0;
	   background-size : cover;
   }
   
   .banner-title{
	   padding-top: 5rem;
   }
   
   .banner-title h1{
	   background:rgba(255,255,255,0.8);
	   display: inline-block;
	   padding: 10px;
   }
   .banner-title p.lead{
	   color: #fff;
	   background:rgba(231, 76, 60, 0.7);
	    padding: 10px;
   }
   
   .service-box{
	   text-align: center;
   }
   .service-box i.fa{
	   color: #e74c3c;
	   font-size: 70px;
	   margin-bottom: 15px;
   }
   
   .service box{
	   text-align: center;
   }
  
  .service box i.fa{
	  color:#e74c3c;
	  font-size: 70px;
	  margin-bottom: 100px;
  }
  
  #testimonials{
	  color: #fff;
	  background: url(../images/green.png) no-repeat 0 0;
	  background-size: cover;
	  padding: 50px 0;
	  position: relative;
  }
  #testimonials: before{
	  background: rgba(52, 73, 94, 0.7);
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 10%;
	  height: 10%;
  }
  
  
  .testimonial img{
	   width:100px;
	  height:100px;
	  margin-left:0px;
  }
  
  .testimonial img{
	  border-radius:0%; 
  }
  
  .news-post img{
	  width:50%;
	  height:50%;
	  margin-bottom:10px;
  }
   
   .news-post h3{
	   font-size: 1.35rem;
   }
  .news-post h3 a{
	  color:#e74c3c;
  }
  
  .post-date{
	  font-size:13px;
	  margin: 2px;
  }
   .post-date:before{
	   content: "\f073";
	   font-family: FontAwesome;
	   padding-right: 5px;
   }
  a.readmore{
	  font-size: 14px;
	  color: #e74c3c;
  }
  a.readmore:after{
	  content: "\f101";
	    font-family: FontAwesome;
	   padding-left: 5px;
	  
  }
   #footer-sidebar{
	   color: #fff;
	   background: SpringGreen;
	   padding: 20px 0;
   }
   .footer-widget h4:after{
	   content: "";
	   background: #fff;
	   display: block;
	   width: 50px;
	   height: 2px;
	   margin: 5px 0;
   }
   .footer-widget a{
	   color: #fff;
	   
	   
   }
   .latest-news{
	   list-style: none;
	   padding: 0;
	   margin: 0;
   }
    .latest-news li{
		margin-bottom: 3px;
	}
	
    .latest-news li:before{
     content: "\f101";
	    font-family: FontAwesome;
	   padding-right: 5px;
	}
	#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;
	   }
   }
   
   .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;}