@media screen and (max-width: 1024px) {
  
  .container, #home-news { width: 850px; padding: 0 20px; }
  
  #home-news { width: 790px; }
 
  #nav li { margin: 0 0 0 15px; }
  
  .content { width: 570px; }
  .full { width: 790px; }
  
/*   .logos img { width: 60px; height: 51px; } */
  .logos img { max-height: 37px; margin-bottom: 0 !important; }
  
  .sidebar { width: 200px; }
  .sidebar .sidebar-button a { background-size: cover !important; border-radius: 0 15px; }  
  
  #project-gallery .gallery-item { width: 190px; height: 190px; margin: 0 10px 10px 0;  }
  #project-gallery .gallery-item img { width: 190px; height: 190px; }
  
  iframe { max-width: 100%; }
  
  img.attachment-content-top { width: 570px; height: auto; }

}

@media screen and (max-width: 900px) {
  
  .container, #home-news { width: 94%; padding: 0 3%;  }
  
  #home-news { padding: 3%; }
  
  #masthead { padding: 5% 0; }
  #logo { width: 100px; height: 49px;  }
  
  #slider { height: 200px; width: 100%; }
  
  #main { padding: 5% 0; }
  
  #nav { display: none; }
  .dl-trigger { display:block; float:right; }
  #dl-menu { display:block; }
  #mobile-nav .social { display: none; }
  
  .content { width: 90%; padding: 5%; float: none !important; margin-bottom: 5%; }
  .content img { max-width: 100%; height: auto !important; }
  .content img.alignleft, .content img.alignright { max-width: 50%; height: auto !important; }
  
  .project { width: 100%; margin: 0 0 20px 0 !important; float: none; }
  .project img { max-width: 100%; height: auto !important; }
  
  #project-gallery .gallery-item { width: 45%; height: auto; margin: 2%; text-align:center;  }
  #project-gallery .gallery-item:nth-child(4n) { margin: 2%; }
  #project-gallery .gallery-item img { max-width: 100%; height: 100%;  }
  
  
  .sidebar { width: 100%; float: none !important; }
  .sidebar .sidebar-button a { padding: 10% 0; background-size: cover !important; border-radius: 0 15px; }  
  
  footer { padding: 3% 0; }
  footer .left, footer .right, footer .third, .footer .two-thirds { float: none !important; width: 100% !important; text-align:center !important;  }
  .copyright { margin-bottom: 20px; }
  /* .logos img { margin: 0 10px; } */
  .logos a { max-width: 30%; }
  .logos img { margin: 0 10px; max-height: none; }
  .divider { display: none; }
  .contact { display:block; margin-bottom: 0.5em; }
  
  #case-study .half { width: 100%; float; none; }
  
  
  h1 { font-size: 3em; margin-bottom: 0.25em;  }
  h2 { font-size: 2em; }
  h3 { font-size: 1.5em; }