body {
  background: url(../img/bg_headhome.jpg) top center no-repeat transparent;
  background-size: 100% auto;
  padding: 0  !important;
  margin: 0 !important;
}

#header {
  margin-top: 25px;
}

#header h1{
  text-shadow: 2px 2px 1px #222;
  text-align: center;
  color:#fff;
  font-size: 4em;
  font-family: 'Open Sans', Arial, sans-serif;
}

#slogan {
  margin-top: 35px;
  color: #fff;
  text-shadow: 1px 1px 1px #222;
  text-align: center;
  font-size: 2.4em;
  margin-bottom: 40px;
}

#carousel-container {
  background: url(../img/bg_carousel.png) top left repeat transparent !important;
}

#popshadow {
  margin-top: 15px;
  background: url(../img/bg_popshadow.png) top left repeat-x transparent;
  height: 10px;
}

#main-content {
  background-color: #f5f5f5;
}

#wrap {
}

#call2action {
  background-color: #f5f5f5;
  margin-top: -30px;
  padding: 16px;
  border-radius: 6px;
}

#call2action i {
  margin-top: 4px !important;
}


 /*rgb(254, 230, 176) 0px, rgb(238, 186, 55)*/

 /*FEE6B0*/

 /*EEBA37*/

.btn-purchase, .btn-purchase:hover, .btn-purchase:active {
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
  background-color:#D19713;
  *background-color:#D19713;
  background-image:-moz-linear-gradient(top,#EEBA37,#D19713);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#EEBA37),to(#D19713));
  background-image:-webkit-linear-gradient(top,#EEBA37,#D19713);
  background-image:-o-linear-gradient(top,#EEBA37,#D19713);
  background-image:linear-gradient(to bottom,#EEBA37,#D19713);
  background-repeat:repeat-x;
  border-color:#EEBA37 #D19713 #913800;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEBA37',endColorstr='#D19713',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-color: rgb(187, 149, 55) rgb(147, 118, 44) rgb(140, 112, 41);
}

#introduction {
  margin-top: -40px;
}

@media (max-width: 1200px) {
  #header {
    margin-top: 20px;
  }

  #header h1 {
    font-size: 3em;
  }

  #slogan {
    font-size: 1.8em;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .hero-unit {
    font-size: 17px;
    padding:50px;
  }

  .btn-large {
    font-size: 14px !important;
  }
}

@media (max-width: 979px) {
  #navbar-placeholder {
    display: none;
  }

  #header {
    margin-top: 10px;
  }

  #header h1 {
    font-size: 2.5em;
  }

  #slogan {
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-unit {
    font-size: 14px;
    padding: 30px;
  }

  .btn-large {
    font-size: 11px !important;
  }
}

@media (max-width: 841px) {
  #navbar-placeholder {
    display: none;
  }

  #header {
    margin-top: 0px;
  }

  #header h1 {
    font-size: 2em;
  }

  #slogan {
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .hero-unit {
    font-size: 13px;
    padding: 15px;
  }
}

p {
  font-size: 16px;
  line-height: 25px;
}

@media (max-width: 769px) {
  .navbar {
    padding-left:20px;
    padding-right:20px;
  }

  .hero-unit {
    display:none;
  }
}