/* Responsify Defaults */

@media only screen and (max-width: 999px) {
  #logo{ top: 0;}

  #home{ padding-top: 25%; padding-bottom: 8% !important; }
  #home-title{ height: 280px; }
  #home-title h1 { font-size: 60px; }
  .thick-hr{ border-width: 4px; }

}

@media only screen and (max-width: 767px){
  h2{ font-size: 26px; }
  h4, .text-book{ font-size: 18px; }
  h5, #filters li a{ font-size: 16px !important; }
  p{ font-size: 14px; }

  #logo{ width: 50%; }
  #logo>a>img{ width: 100%; }
  #main-nav a { padding-left: 10px; padding-right: 10px; font-size: 12px; }

  .service{ border: none; }

 #footer div.left{ float: left; width: 60% !important; }
 #footer div.right{ float: right; }
 #footer p{ font-size: 10px; }
 #footer ul li{ font-size: 10px; }

}

@media screen and (max-width: 480px){
  h2{ font-size: 19px; }
  h4, .text-book{ font-size: 15px; }
  h5, #filters li a{ font-size: 13px !important; }
  p{ font-size: 12px; }

  #logo{ padding: 0; }
  #logo>a{ padding-top: 5px !important; }
  #logo>a>img{ width: 75%; }
  
  #main-nav ul{margin: 0;}
  #main-nav a{ padding-top: 15px; }
  
  #home{ padding-top: 25%; padding-bottom: 8% !important; }
  #home-title{ height: 145px; }
  #home-title h1 { font-size: 26px; }
  .thick-hr{ border-width: 2px; margin: 12px 0 11px; }

  .icons{ width: 27px; height: 27px; background-size: 27px; }
  .icon-mail{ margin-bottom: 0; }
  #form-send{height: auto;}
  #form-send i{ margin-top: 20px !important; }
  #form-send h4{ margin-bottom: 20px !important; }

  
  #footer div.left{ float: none; width: 100% !important; }
  #footer div.right{ float: none; text-align: left; margin-top: 5px; }
}

/* Custom Breakpoints */

@media screen and (max-width: px) {
 /* Add your styles for devices with a maximum width of  */
}