/*    Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

/*@media only screen and (max-width: 767px) {*/

.wrapper {
  width: 252px;
  padding: 0 34px 0;
}
.section2 { padding-top: 30px; padding-bottom: 30px; }
.slider-inner { padding-top: 40px; padding-bottom: 40px; }
.huge, h1, h1 p {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -1px;
}
.large, h2, h2 p {
  font-size: 27px;
  line-height: 32px;
}
.col-full, .col-middle { width: 252px; margin-left: 0px; }
.col-middle iframe, .col-middle object { width: 252px; height: 139px; }
.video-holder { }
.video-across { display: none; }
.col-half { width: 252px; margin-right: 0px; }
.col-third, .col-third img { width: 252px; }
.col-third { clear: both !important; }
.col-full img.fill { width: 252px; }
.col-middle img.fill { width: 252px; }
.col-half img.fill { width: 252px; }
.col-third img.fill { width: 252px; }
.header { text-align: center; }
.logo { float: none; }
.header .logo { 
  position: relative; 
  margin: 0 auto; 
}
.header .nav { 
  margin-top: 20px; 
  padding-top: 0px; 
  display: block; 
  float: none; 
  width: 252px; 
}
.header .nav ul { 
  float: left; 
  clear: right; 
}
#header { 
  position: relative; 
  top: 0; 
  padding-top: 50px;
}
.header .nav ul li {
  font-size: 23px;
  display: block;
  width: 252px;
  margin-bottom: 10px;
  margin-right: 0px;
  text-align: center;
}
.header .nav ul li a { 
  display: block; 
  width: 250px; 
  padding: 8px 0px 8px 0px; 
  box-shadow: #999 1px 1px 3px; 
  background: #fff; 
  border-radius: 8px; 
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
}
.header .nav ul li.on a { padding: 8px 0px 8px 0px; }
.header .nav.top-menu { display: none; }
.header .nav.bottom-menu { display:block; }
.slideshow { 
  margin-left: 0; 
  height: 157px !important; 
  margin-top: -30px;
}
.slideshow img { 
  width: 252px !important; 
  height: 157px !important; 
}
#slideshow .slide-controls { display: none; }
#slideshow .slide-navs { display: inline-block; }
.stage #slideshow .slide-over { display: none; }
p { 
  font-size: 13px; 
  line-height: 19px; 
}
.submenu span { clear: both; }
.submenu ul { float: left; clear: both; }
.submenu ul li { display: block; clear: both; }
h1 .numeral.before { margin-right: 5px; }
h1 .numeral.after { margin-left: 5px; }
hr { margin-top: 8px; margin-bottom: 8px; }
body.slider-open #header { top: 0px; }
#slider h3 { font-size: 21px; line-height: 24px; }
.stage:hover #slideshow .slide-over { display: none; }
.ribbon { background: #f2524a; height: auto;}
.ribbon h2 { padding: 15px; }
.footer .right { float: left; }
#top-menu { display: block; }
#sliderToggle { display: none; }
#mobile-menu { display: block; }
.videos { padding-top: 30px; padding-bottom: 20px; }
.videos.bigger .ad, .videos.bigger .ad img { width: 242px; }
.videos.smaller .ad, .videos.smaller .ad img { width: 242px; }
.no-stage { display: none; }
.search-bar .right { float: left; clear: left; }
.social { width: 252px; overflow: hidden; }
.map { border-width: 5px; width: 242px !important; height: 386px !important; }
hr { margin-bottom: 16px; margin-top: 16px; }
#section-menu .nav ul li {
  float: left; display: block;
  margin-bottom: 10px;
  clear: both !important; 
  width: 232px !important;
}
.numeral { display: none; }

.wf-inactive .header .nav ul li { font-size: 13px; }
.wf-inactive #sliderToggle, .wf-inactive #top-menu { font-size: 15px; }
.wf-inactive .huge, .wf-inactive h1 { font-size: 40px; line-height: 48px; }
.wf-inactive .large, .wf-inactive h2, .wf-inactive h2 p,
.wf-inactive h3, .wf-inactive .ribbon h2 { 
  font-size: 18px; line-height: 24px; }
.wf-inactive .big, .wf-inactive h4 { font-size: 22px; line-height: 30px; }

/*}*/