@charset "UTF-8";

@media only screen and (max-width:1164px) {
  .work-top-content-container { width:80%; }
  }

@media only screen and (max-width:950px) {
  .work-top-content-container { width:86%; }
  .read-header-right { display:none; }
  }

@media only screen and (max-width:850px) {
  .nav { display:none; }
  .responsive_menu { display:block; }
  .work-top-content-container { left:12%; width:84% }
  .work-sq { width:48%; }
  video { display:none; }
  .work-bkgd { background-image: url(../../../assets/art/site/mobile-override/bkgd.jpg); }
  .index-bkgd { background-image: url(../../../assets/art/site/mobile-override/bkgd.jpg); height:100%; background-position:center; background-size:cover; }
  .index-content-container { position:initial; top:0; left:0; box-sizing:border-box; width:80%; padding:10%; margin:0 10% 10% 10%; text-align:center; height:auto; }
  .index-content-container h1 { padding:0; font-size:3.5em; line-height:.9em; }
  .index-content-container p { padding:0; width:100%; padding-bottom:8px; }
  .index-content-container p:last-child { padding-bottom:0; }
  .services-content-container { position:initial; position:initial; box-sizing:border-box; width:100%; left:0; padding:6%; text-align:center; }
  .services-content-container h1 { font-size:3.4em; line-height:.9em; padding:0; }
  .services-content-container p { padding-bottom:8px; }
  .services-content-container a { font-size:1.1em; }
  .services-featured-container { position:initial; right:0; width:100%; height:auto; display:block; margin:6% 0; }
  .services-featured-header { text-align:center; font-size:1em; line-height:1.1em; }
  .services-featured-footer a { text-align:center; font-size:1em; line-height:1.1em; }
  .services-featured-content .front { box-sizing:border-box; width:100%; }
  .services-featured-content .back { box-sizing:border-box; height:314px; width:100%; }
  .services-featured-content { height:314px; }
  .front .name { box-sizing:border-box; width:100%; padding:6%; }
  .front .name h1 { font-size:1.2em; }
  .front .name h2 { font-size:1em; }
  .back h1 { font-size:1.4em; }
  .back h2 { font-size:.9em; padding-top:2%; }
  .our-work-back-button a { box-sizing:border-box; display:block; width:100%; text-align:center; }
  .read-text h2 { padding-bottom:0; }
  .about-content-container, .contact-content-container, .read-content-container { position:initial; top:initial; left:initial; width:100%; height:auto; }
  #contact-map { margin:20px 0 0 0; box-sizing:border-box; width:100%; height:300px; }
  .form-field { box-sizing:border-box; width:100%; height:60px; padding-left:0; text-align:center; } 
  .form-field-comment { box-sizing:border-box; width:100%; padding-left:0; text-align:center; height:200px; }
  .button { padding:6% 6% 5% 6%; width:100%; font-size:1.4em; line-height:.9em; }
  .contact-header { display:block; margin-top:0; padding:6%; width:100%; box-sizing:border-box; text-align:center; }
  .contact-header-right { display:none; }
}

@media only screen and (max-width:670px) {
  .work-top-content-container { position: initial; left:0; width:100%; margin:0; top:12%; }
  .read-header { text-align:center; margin-top:0; }
  .work-sq { width:96%; margin:0 4% 4% 0; height:270px; }
  .work-sq-top, .work-sq-top-short { height:183px; }
  .work-content-container { padding:4% 0 0 4%; }
  .logo-container { position:initial; top:0; right:0; width:88%; padding:6%; text-align:center; height:auto; }
  .logo-container img { height:74px; }
}

@media only screen and (max-width:400px) {
  .work-sq { width:94%; margin:0 6% 6% 0; }
  .work-content-container { padding:6% 0 0 6%; }
}