body { background-color: #6d1619; }
.dii-content-story,
.dii-content-story * { font-family: 'Open Sans', sans-serif;  line-height: 1.5; }
.dii-content a { color: #b51015; }
.dii-content a:hover { color: #cc1218; }

#design-header,
#design-top-nav,
#design-footer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#design-header-links-wrapper { height: 6px; }
#design-header { position: relative; z-index: 3; }
#design-header-wrapper { border-bottom: 1px solid #e7797c; }
#design-header-mast { height: 160px; overflow: visible; }

#header-logo { position: absolute; top: 0; left: 0; }
#header-logo img { height: 160px; }

#header-links { float: right; margin-top: 15px; margin-right: 10px; text-align: right; }
#header-social { margin-left: 6px; }
#header-social a { margin-left: 2px; width: 30px; height: 30px; background: #000; border-radius: 30px; font-family: 'FontAwesome'; font-weight: 400; font-size: 16px; color: #fff; line-height: 30px; text-align: center; box-shadow: 0px 0px 6px 0px rgba(235,31,38,0.7); }
#header-social a:hover { color: #fff; background: #222; }

#design-top-nav { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 2; }
#design-top-nav #design-container-main-nav { padding: 0 5px; }
#design-top-nav #design-container-main-nav .dii-content-nav-menu > ul > li > .dii-sub-menu-link { font-family: 'industry', sans-serif; font-weight: 700; font-size: 23px; text-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-transform: uppercase; }

#design-main { background: #c7c7c7; }

#design-content-upper .dii-content-title,
#design-content-upper .dii-content-title a { padding: 0; line-height: 1.1; font-family: 'industry'; font-size: 26px; font-weight: 700; color: #000; text-decoration: none; }
#design-content-upper .dii-content-title a:hover { color: #000; }

#design-content-upper .dii-content-header h2 { position: relative; margin: 20px -10px 10px -10px; padding: 0 10px; border: none; ); border-top: 2px solid #b51015; border-bottom: 1px solid #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 48px; line-height: 45px; font-family: 'industry'; font-size: 20px; font-weight: 700; text-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-transform: uppercase; box-sizing: border-box; }
#design-content-upper .dii-content-header: first-of-type h2 { margin: 0 -10px 10px -10px; }

#design-content-upper .dii-content-linkview > a,
#design-content-upper .dii-content-nav-menu.theme-none.vertical .dii-sub-menu-link { padding: 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color: #000; border-bottom: 1px dotted #c5c5c5; }
#design-content-upper .dii-content-linkview > a:hover,
#design-content-upper .dii-content-nav-menu.theme-none.vertical .dii-sub-menu-link:hover { padding: 10px; color: #b51015; }

#design-main .dii-calendar-upcoming-events li { padding-bottom: 4px; border-bottom: 1px dotted #c5c5c5; }
#design-main .dii-calendar-upcoming-events li h4 { padding: 4px 10px; font-weight: 700; color: #b51015; }
#design-content-upper .dii-calendar-upcoming-events h3 a { padding: 4px 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000; border: none; }
#design-content-upper .dii-calendar-upcoming-events h3 a:hover { padding: 4px 10px; font-size: 13px; color: #b51015; background: none; }

#design-content-upper #design-container-5 { text-align: center; }
#design-content-upper #design-container-5 .dii-content-header { text-align: center; }
#design-content-upper #design-container-5 .dii-content-header h2 { background: none; border: none; color: #666; text-shadow: none; }
#design-content-upper .col-sm-4 .dii-container,
#design-content-upper .col-sm-3 .dii-container { margin-bottom: 20px; padding: 0 10px 10px 10px; background: #f8f8f8; }

#design-container-5 .dii-content-image { display: inline-block; margin: 10px; padding: 0; }
#design-container-5 .dii-content-title-photo { border: 0; }
#design-container-5 .dii-content-title-photo img { max-width: 165px !important; max-height: 90px; }

#design-footer { border-top: 4px solid #000; }
#design-footer .copyright,
#design-footer .copyright a { line-height: 18px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; }
#design-footer .copyright:first-child,
#design-footer .copyright:first-child a { font-weight: 700; }
#design-footer .col-sm-6 { padding: 20px 15px; }

@media only screen and (max-width: 991px) {
  #design-header-wrapper #design-header-mast,
  #header-logo img { height: 140px; }
  #design-top-nav #design-container-main-nav .dii-content-nav-menu > ul > li > .dii-sub-menu-link { padding: 0 10px; font-size: 19px; }
}

@media only screen and (max-width: 900px) {
  #design-top-nav #design-container-main-nav { padding: 0; }
  #design-container-main-nav #ww-btn-main-nav { padding: 0 10px; font-family: 'industry', sans-serif; font-weight: 700; font-size: 20px; color: #fff; line-height: 50px; text-transform: uppercase; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
  #design-container-main-nav #ww-btn-main-nav i { font-size: 16px; line-height: 50px; }
}

@media only screen and (max-width: 768px) {
  #design-header-wrapper #design-header-mast { background-size: cover; }
  #design-header-wrapper #design-header-mast,
  #header-logo img { height: 120px; }
  #header-links { margin-top: 10px; }
  #header-links a { font-size: 11px; line-height: 24px; }
  #header-links a.fa { width: 24px; height: 24px; font-size: 12px; line-height: 24px; }
  #header-social { display: block; }
  #design-container-main-nav #ww-btn-main-nav { padding: 0 0 0 10px; }
}

@media only screen and (max-width: 480px) {
  #design-header-wrapper #design-header-mast,
  #header-logo img { height: 90px; }
}

@media only screen and (max-width: 375px) {
  #design-header-wrapper #design-header-mast,
  #header-logo img { height: 70px; }
  #header-links a { font-size: 10px; line-height: 20px; }
  #header-links a.fa { width: 20px; height: 20px; font-size: 11px; line-height: 20px; }
}

@media only screen and (max-width: 320px) {
  #design-header-wrapper #design-header-mast,
  #header-logo img { height: 70px; }
}