/*** 2015 (C) BY DavidCouillard: http://davidcouillard.com/  */

.panel.top {background-color: rgba(0,0,0,0.6); padding: 0.5% 5%;}

a.logo {display: block; padding: 5px 0 0 0;}
.signature {margin: 0 auto; padding-bottom: 10%;}
.svgContainer svg.scale {height: 60%;}


.tabs {max-width: 100%;}
p.small {font-size: 18px;}

.icon {max-width: 140px;}

.slides h1.small, .slides .h1.small {font-size: 40px;}
.slides h3 + h1, .slides .h3 + .h1 {margin-top: 10px;}
.slides h3.uppercase, .slides .h3.uppercase {font-size: 18px;}
p {font-size: 18px;}
p.small {font-size: 14px;}


.review-logo {width: 200px; margin-bottom: 20px}


.sidebar .logo svg {fill: #fff;}

.push-left {margin-left: 17%;}

form label {display: none;}
.pad {padding: 10%;}

.firstSlide .prevSlide, .lastSlide .nextSlide {opacity: 0;}
.copy {opacity: 0.5;}

.listing { margin-bottom: 40px; font-family: "Source Sans Pro",sans-serif;}
.listing li {display: block; padding: 0 0 0 15px; margin-bottom: 10px; opacity: 0.8; line-height: 1;font-size: 18px; position: relative}
.listing.inline li {display: inline-block;}
.listing li::after {content: ""; position: absolute; border-left: solid 2px #F56F00; height: 100%; left: 5px; top: 0;}
p + .listing, .listing + p {margin-top: -20px;}

@media screen and (max-width:767px) {
  
  .slides h1,
  .slides .h1 { 
    font-size:50px;
    margin-bottom: 10px;
  }
  
  .slides h1.huge, 
  .slides .h1.huge {
    font-size:60px;
    margin-bottom: 10px;
  }
  
  .slides h1.small,
  .slides .h1.small {
    font-size:30px;
  }
  .signature {padding-bottom: 20%;}
  p.hero {font-size: 26px;}
  .panel .actionButton {background: none; box-shadow: none;}
  .box-56 {margin-top: 0;}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .slides h1.huge, 
  .slides .h1.huge {font-size:40px;}
  p.hero {font-size: 26px;}
  .push-left {margin-left: 0 !important;}
  .panel.bottom {display: none !important;}

}