@media only screen and (min-width: 1200px){
   
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
   ul.nav > li > a{
   	font-size: 18px;
   }
}
@media only screen and (max-width: 991px){
	footer ul{
      text-align: center;
      position: relative;
   }
   footer p{
      text-align: center;
      margin-bottom: 25px;
   }

   div.col3-wrapper p{
      padding: 0 15px;
   }


}
@media only screen and (min-width: 768px) and (max-width: 991px){
   ul.nav > li > a{
		padding: 20px 17px 18px;
		font-size: 16px;
   }
   header p.phone-numbers{
   	font-size: 16px;
   }
}
@media only screen and (max-width: 767px){
   header{
      margin-top: 40px;
   }
   div.col3-wrapper{
      margin-top: 50px;
   }
   section.grey-section{
      padding-top: 20px;
   }   
   header{
      padding-bottom: 0;
   }
}

@media only screen and (max-width: 530px){  
   .why-grass .send-enquiry-wrapper .hand{
      display: none;
   }
   .why-grass a.send-enquiry{
      text-align: center;
   }
   #slogan{
      letter-spacing: 0;
      font-size: 40px;
   }
}
@media only screen and (max-width: 480px){
  
}
@media only screen and (max-width: 420px){
  
}