@media
only screen and (max-width:840px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 840px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (                min-resolution: 192dpi) and (max-width: 840px),
only screen and (                min-resolution: 2dppx)  and (max-width: 840px) {
  /* Tablets */

  #services .column { width:50%; }
}

@media
only screen and (max-width:640px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (                min-resolution: 192dpi) and (max-width: 640px),
only screen and (                min-resolution: 2dppx)  and (max-width: 640px) {
  /* Middle size and small screen, retina, stuff to override above media query */

  body, html, input, select, textarea { /* font-size:14px; */ }

  .mainbox-mobile-no-padding { padding:0; }
  .independent { margin:0 0 1rem 0; }
  .vcard-left-responsive { display:block; float:none; clear:both; width:100%; max-width:100%; overflow:visible; padding-left:1rem; padding-right:1rem; margin-bottom:0.7rem; }
  .vcard-right-responsive { display:block; float:none; clear:both; width:100%; max-width:100%; overflow:visible; padding-left:1rem; padding-right:1rem; }
  .page-content { padding:0 0 2rem 0; }
  
  .h1, h1 { font-size:220%; line-height:1.10; }
  
  .flex-view-element-20 { width:33%; }
  .flex-view-element-25 { width:50%; }
  .flex-view-element-33 { width:50%; }
  
  .public-document .doc-right { position:static; text-align:left; width:auto; padding:0.4rem 0 0; }
  
  .node-view-full .node-image img { border-radius:0; }
  .node-view-full .node-content { padding-left:1rem; padding-right:1rem; }
  
  .panel-view-panel.responsive.has-mobile .image-widescreen { display:none; }
  .panel-view-panel.responsive.has-mobile .image-mobile { display:block; }
  
  .taxonomy-term-view-full .term-image { width:100%; max-width:100%; }

  #header .logo { }
  #header .navigation-top { display:none; }
  #header .content { position:relative; }
  #header .peak { position:static; margin-top:56px; background-color:#fff; color:inherit; padding:1.7rem 0; }
  #header .peak li:before { opacity:1; }
  #header .peak li.hours-open:before { background-image:url('../images/c72f41/clock.svg'); }
  #header .peak li.hours-closed:before { background-image:url('../images/c72f41/forbidden.svg'); }
  #header .peak li.address:before { background-image:url('../images/c72f41/location.svg'); }
  #header .peak li.phone:before { background-image:url('../images/c72f41/phone.svg'); }
  #header .panel { position:fixed; top:0; }
  
  #messages .inner { top:4rem; }
  
  #frontpage .carousel-wrapper { width:100%; padding-right:0; }
  #frontpage .static-wrapper { display:none; }
  
  #services .vcard-left-responsive { padding-left:0; padding-right:0; }
  #services .vcard-right-responsive { padding-left:0; padding-right:0; }
  #services .column { float:none; clear:both; width:auto; }
  
  #footer .column { clear:both; float:none; width:auto; }
}

@media
only screen and (max-width:480px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 192dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px) {
  /* Small screen, retina, stuff to override above media query */
  
  .flex-view-element-20 { width:100%; }
  .flex-view-element-25 { width:100%; }
  .flex-view-element-33 { width:100%; }
  .flex-view-element-50 { width:100%; }
}