/* Intro Image */
#heroimage{
  width:100%;
  height:100%;
}
@media (max-width:767px) {
  #heroimage{
    height: 70%;
  }
}
@media (max-width:991px) {
  #heroimage{
    height: 80%;
  }
}
#heroimage{   
  background:url('../image/benefits/NUI_2789.jpg') center center;
  background-color: #fff;
  background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
}
#heroimage {
  margin-bottom: 30px;
}
@media(min-width:768px){
  #heroimage {
    margin-bottom: 60px;
  }
}
@media(min-width:992px){
  #heroimage {
    margin-bottom: 70px;
  }
}
.outside-wrapper {
  position: relative;
  height: 100%;
}

/* Intro Quote */
@media(min-width:768px) {
  .intro-quote {
    margin-bottom: 35px;
  }
  .intro-quote .col-sm-8 {
    width: 51.666667%;
  }
  .intro-quote .col-sm-2 {
    width: 23.666667%;
  }
}
@media (min-width: 992px){
  .intro-quote .col-md-8 {
    width: 57.666667%;
  }
  .intro-quote .col-md-2 {
    width: 20.666667%;
  }
}
@media (min-width: 1200px){
  .intro-quote .col-lg-8 {
    width: 61.666667%;
  }
  .intro-quote .col-lg-2 {
    width: 18.666667%;
  }
}


/* Section 1 */
.section-1 img {
  margin-top: 10px;
}
@media(min-width:768px) {
  .section-1 img {
    margin-top: 30px;
  }
}
@media(min-width:992px) {
  .section-1 h3 {
    margin-top: 60px;
  }
}
.section-1 div.well {
  text-align: center;
  color: #fff;
  background-color: #40695a;
  border-radius: 0px;
  border: 0px;
}
@media(min-width:1200px) {
  .section-1 div.well {
    padding: 34px;
  }
}
div.well h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  margin-top: 0px;
}
@media(min-width:768px) {
  .section-1 div.well {
    margin-bottom: 35px;
  }
  .section-1 div.well h2 {
    font-size: 27px;
  }  
}
@media(min-width:992px) {
  .section-1 div.well h2 {
    font-size: 30px;
    margin: 0 auto;
  }
}

/* Setion 2 */
.media {
  background-color: #40695a;
  padding: 10px 10px;
  margin-bottom: 20px;
}
@media(min-width:768px) {
  .media {
    height: 243px;
    padding: 20px 20px;
    margin-bottom: 35px;
  }
}
@media(min-width:992px) {
  .media {
    height: 333px;
  }
}
@media(min-width:1200px) {
  .media {
    height: 243px;
  }
}
.media-left h1 {
  color: #fff;
}
.media-body h4.media-heading {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 7px;
}
@media(min-width:768px) {
  .media-body h4.media-heading {
    font-size: 24px;
  }
}
@media(min-width:992px) {
  .media-body h4.media-heading {
    font-size: 30px;
  }
}
.media p {
  color: #fff;
  margin-bottom: 10px;
}
@media(min-width:768px) {
  .media p {
    font-size: 18px;
    font-weight: 400;
  }
}

/* Cards */
.card-1 {
  background-color: #5d9884;
}
.card-2 {
  background-color: #79a395;
}
.card-3 {
  background-color: #8bb1a4;
}
.card-4 {
  background-color: #669d8a;
}
.card-5 {
  background-color: #699284;
}
.card-6 {
  background-color: #84b0a1;
}