﻿@media (min-width: 768px) and (max-width: 979px) {
#masthead .sys_container, #masthead .sys_span12, #top-nav .sys_container, #top-nav .sys_span12, #section-nav .sys_container, #section-nav  .sys_span12, 
#active-breadcrumbs .sys_container, #active-breadcrumbs .sys_span12, footer .sys_container, footer .sys_span12 {
    width: 724px;
  }
#page-heading { width: 724px;  }
#page-heading h1, #page-heading span { width: 90%; padding-right: 0px; }
#page-heading h1 { padding-left: 10px; }
/*.sys_video-image { width: auto; max-width: 100%; }*/
.sys_dark-grey-section .sys_span6, .sys_dark-grey-section .sys_span4, .sys_dark-grey-section .sys_span8, .sys_dark-grey-section.sys_span8 { width: auto; max-width: 100%; }
.sys_dark-grey-section { margin-left: 30px; margin-right: 10px; }
.sys_dark-grey-section .sys_span6, .sys_dark-grey-section .sys_span4, .sys_dark-grey-section .sys_span8 { margin-left: 0; padding: 0 16px; }
.sys_dark-grey-section.sys_span8 { margin-left: 30px; margin-right: 10px; margin-bottom: 8px; }
.sys_dark-grey-section .sys_span12:first-child { padding: 0 16px; margin-left: 0; width: auto; max-width: 100%; }
}

@media (max-width: 767px) {
#masthead .sys_container, #top-nav .sys_container, #section-nav .sys_container, #active-breadcrumbs .sys_container, footer .sys_container, #top-nav nav  {
    width: auto;
  }
  

#masthead .sys_span12, #top-nav .sys_span12, #section-nav  .sys_span12, #active-breadcrumbs .sys_span12, footer .sys_span12 {
    width: 100%;
}
#page-heading { width: 100%;  }
#page-heading h1, #page-heading span { /*width: 90%;*/ padding-right: 0px; }
#page-heading h1 { padding-left: 10px; }
.sys_video-image { width: auto; max-width: 385px; }
.sys_dark-grey-section .sys_span12:first-child { width: auto; max-width: 100%; }
.sys_dark-grey-section .sys_span6, .sys_dark-grey-section .sys_span4, .sys_dark-grey-section .sys_span8, .sys_dark-grey-section.sys_span8 { width: auto; max-width: 100%; }
.sys_dark-grey-section .sys_span6, .sys_dark-grey-section .sys_span4, .sys_dark-grey-section .sys_span8 { margin-left: 0; padding: 0 16px; }
.sys_dark-grey-section.sys_span8 { margin-bottom: 8px; }
.sys_dark-grey-section .sys_span12:first-child { padding: 0 16px; margin-left: 0; }

[class*="sys_span"] img,
  .sys_uneditable-input[class*="sys_span"],
  .sys_row-fluid [class*="sys_span"] img {
    float: none;
    display: block;
    width: 100%;
  }
}

