/*
    Created on : Jan 27, 2015, 10:00:00 AM
    Author     : Samuel
*/

@font-face {
  font-family: 'Gotham-Thin';
  src: url('../fonts/GothamHTF-Thin.woff') format("woff"), url('../fonts/GothamHTF-Thin.ttf') format("truetype");
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ }

@media only screen and (max-width: 768px) {

  .hero {
    background: url('../img/hero-m.jpg') top center no-repeat;
    background-size: cover;
    height: 650px;
    margin-top: 40px;
    padding-top: 40px !important;
  }
  .hero .content h1.glow,
  .hero .content h1.gorgeous {
    padding-left: 0;
  }
  
  .content-1 {
    background: #e1ddc4 url('../img/landing-1-m.jpg') top center no-repeat;
    background-size: 740px;
  }
  #concern.content-1 .large-12,
  #concern.content-1 .tagline {
    max-width: 320px !important;
    margin: 10px auto;
  }
  .content-1 h2 {
    margin-bottom: 0px;
  }
  .content-1 .row .column {
    margin: 10px auto;
  }
  #concern.content-1  p.tagline {
    margin-bottom: 310px;
    color: white;
    letter-spacing: normal;
  }
  .content-1 p {
    margin-bottom: 20px;
    padding: 0 10px;
    color: black;
  }
  
  #benefits.content-2 {
    padding-bottom: 380px !important;
    background: url('../img/landing-2-m.jpg') bottom center no-repeat;
    background-size: 740px;
  }
  .content-2 p br {
    display: none;
  }
  
  .content-4 p.tagline {
    margin-bottom: 0;
  }
  .content-4 p.tagline br {
    display: none;
  }
  .content-4 .content {
    padding: 0 0 20px;
  }
  
  .content-5 .testimonial {
    margin-bottom: 30px;
  }
  #testimonials {
    background: none;
  }
  #testimonials .testimonial .large-4 {
    float: left !important;
    width: 30% !important;
    margin-bottom: 0 !important;
  }
  #testimonials .testimonial .large-8 {
    float: left !important;
    width: 69% !important;
    margin-bottom: 0 !important;
  }
  
  .treatments p.tagline {
    margin-bottom: 0 !important;
  }
  .treatments img,
  .treatments .white-box {
    width: 100%;
  }
  .treatments .white-box {
    margin: 0 auto;
    padding: 20px;
  }
  .treatments .white-box h6 {
    margin-top: 0;
  }
  
  .treatments {
    padding: inherit;
  }
  .treatments p.tagline {
    margin-bottom: inherit;
  }
  
  .endorse {
    background: url('../img/endorse-m.jpg') center no-repeat;
  }
} /* End Media Query */