.containerHero{position: relative; color: #5a453c; height: 100vh; padding: 0;}
.containerHero .flexslider{margin-bottom: 0; border: none; height: 100%;}
.containerHero .flexslider ul.slides{height: 100%;}
.containerHero .flexslider ul.slides li{height: 100%; width: 100%; background-position: center; background-size: cover;}
.containerHero .flexslider ul.slides li .slideImage{width: 100%;} /* for header with white spaces on the sides */
.containerHero .flexslider ul.slides li .slideBg{height: 100%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; top:0;}
.containerHero .flexslider ul.slides li .slideBg .container{height: 100%;}
.containerHero .flexslider ul.slides li .slideBg .container .heroMessageHolder{height: 100%; position: relative;}
.containerHero .flexslider ul.slides li .slideBg .heroSideMessage{font-family: 'Arapey', serif; text-align: center; font-size: 60px; position: absolute; top: 0; bottom: 0; height: 350px; margin: auto;}
.containerHero .flexslider ul.slides li .slideBg .heroSideMessage a{font-size: 21px; border: 2px solid #5a453c; letter-spacing: 0.4px; padding: 17px 34px;}
.containerHero .flexslider ul.slides li .slideBg .heroMessageHolderQuote{padding: 0;}
.containerHero .flexslider ul.slides li .slideBg .heroMessageHolderQuote .heroSideMessage.heroSideMessageQuote{font-size: 27px; font-style: italic; letter-spacing: 1px; width: 100%;}
.containerHero .flexslider ul.slides li .slideBg .heroMessageHolderQuote .heroSideMessage.heroSideMessageQuote .quotes{opacity: 0.15;display: block; font-size: 230px; line-height: 0px; margin-bottom: -5px; font-style: normal;}
.containerHero .flexslider ul.slides li .slideBg .heroMessageHolderQuote .heroSideMessage.heroSideMessageQuote .author{font-size: 20px; display: block; padding-top: 1em;}
.containerHero .scrollDown{position: absolute; bottom: 28px; left: 0; right: 0; width: 85px; margin: auto; text-align: center; font-family: 'Roboto', sans-serif; z-index: 10;}
.containerHero .scrollDown .scrollDownMessage{font-size: 12px; letter-spacing: 3px; line-height: 1.5em;}
.containerHero .scrollDown img{margin-top: 10px;}
.containerHero .scrollDown:hover img{transform: scale(1.5, 1.5); transition: ease 100ms transform;}




/*mobile */
@media only screen and (max-width : 992px) {
  /* all slides */
  .containerHero .flexslider ul.slides li .slideBg{background-color: rgba(89,68,59,0.66);}
  .containerHero .flexslider ul.slides li .slideBg .heroSideMessage{color: #FFF;}
  .containerHero .flexslider ul.slides li .slideBg .heroSideMessage a{border-color: #FFF; color: #5a453c; background: #fff;}
  .containerHero .flexslider ul.slides li .slideBg .heroSideMessage{top: 40%; bottom: initial; width: 100%; left: 0;}
  .containerHero .scrollDown .scrollDownMessage{display: none;}

  /*slide1*/
  .containerHero .flexslider ul.slides li.slide1{background-position: 24%;}

  /*slide2*/
  .containerHero .flexslider ul.slides li.slide2{background-position: 84%;}



}