@media only screen and (min-width: 768px) and (max-width: 1024px) {

h1{
  font-weight: 700;
  font-size: 2.5rem;
}

 h2{
  font-weight: 700;
  font-size: 2.2rem;
}

.hero-content{
  flex-wrap: wrap;
}
.hero-content-inner{
  width: 100%
}
.container-half{
  width: 100%;
}

 

 /* Services  */
  
  
  .servicesGrid_item{
	width:50%;
  }
  
 /* Clients  */  
  
  .clients-grid-item{
	width: 25%;
	padding:20px;
  }


 /* Green  */
  
  
  .green .container{
	flex-direction: column-reverse;
  }
  
  .contact .container .container-half img{
	transform: none;
  }
  
  
}
  

 
  @media (max-width: 767px) {
	
   
	h3{
	  font-weight: 700;
	  font-size: 1.5rem;
	}
	h4{
	  font-weight: 700;
	  font-size: 1.5rem;
	}
	h5{
	  font-weight: 700;
	  font-size: 1rem;
	}
	
  }