#hero_banner_mobile {
  /*margin-top: 40%;*/

  margin-top: 110px;
  background: url(../images/backgrounds/GLD_FIRSTHERO_WEB_smaller.jpg) no-repeat center center;
  min-height: 300px;
  /*border: solid;*/
  background-size: cover; }
  #hero_banner_mobile .hero-text {
    position: absolute;
    position: relative;
    /*position: fixed;*/
    /*top: 14%;*/
    /*top: 47%;*/
    width: 90%;
    left: 50%;
    margin: 0 auto;
    margin-left: -45%;
    display: block;
    text-align: center;
    /*padding-top: 20%;*/
    opacity: 0;
    -webkit-transition: opacity 1s; }
    #hero_banner_mobile .hero-text h1 {
      padding: 4% 0;
      padding: 0;
      line-height: 1.2;
      color: #fff;
      font-family: 'OpenSans-Light';
      font-size: 14px;
      letter-spacing: 9px;
      /*letter-spacing: 2px;*/
      text-align: center;
      font-family: tenor-sans, sans-serif;
      font-weight: 600;
      position: relative; }

/* 
*     
*    these but dont show up in mobile are the desktop styles
*      
*       
*/
#hero-wrapper {
  display: none;
  padding: 0;
  width: 100%;
  position: relative;
  /*border: solid green 12px;*/
  max-width: 100%;
  z-index: 1;
  /*-webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);*/ }
  #hero-wrapper #hero_slider {
    margin-top: 10%; }
  #hero-wrapper #hero_sliderzzz {
    margin-top: 20%;
    padding: 0;
    width: 100%;
    max-width: 100%;
    /*background: url(../images/backgrounds/GLD_FIRSTHERO_WEB.jpg) no-repeat top center;*/
    /*background: url(../images/backgrounds/GLD_FIRSTHERO_WEB_smaller.jpg) no-repeat top center;*/
    /*background-size: 100%;*/
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
    height: 0;
    padding-top: 55%;
    padding-top: 65%;
    /*min-height: 400px;*/
    position: relative; }
  #hero-wrapper .hero-text {
    position: absolute;
    position: fixed;
    top: 20%;
    top: 14%;
    width: 80%;
    /*width: 100%;*/
    left: 50%;
    margin: 0 auto;
    margin-left: -40%;
    display: block;
    /*z-index: 1;*/
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 1s;
    /*width: 100%;
    left: 0;
    margin: 0;
    margin-left: 0;*/
    /*		.wrap-hero-bg{
    			position: relative;
    		}*/ }
    #hero-wrapper .hero-text h1 {
      /*padding: 12% 0;*/
      padding: 0;
      /*padding: 16% 12% 12% 12%;*/
      line-height: 1.2;
      color: #fff;
      /*font-size: 3em;*/
      font-family: 'OpenSans-Light';
      /*letter-spacing: 3px;*/
      font-size: 30px;
      letter-spacing: 9px;
      text-align: center;
      font-family: tenor-sans, sans-serif;
      font-weight: 600;
      position: relative; }

#hero_slider {
  padding: 0; }
  #hero_slider .orbit-bullets-container {
    /*position: relative;*/
    /*border: solid;*/
    /*width: auto;*/
    /*width: 200px;*/
    margin-top: -80px; }
  #hero_slider .orbit-slides-container .hero-text {
    position: absolute;
    width: 80%;
    top: 20px;
    left: 50%;
    margin-left: -40%;
    text-align: center;
    color: white; }
  #hero_slider .orbit-slides-container .hero-text h1 {
    color: white; }
  #hero_slider .orbit-slides-container li img {
    width: 100%;
    max-width: 100%; }
  #hero_slider .orbit-slide-number {
    display: none; }
  #hero_slider .orbit-prev, #hero_slider .orbit-next {
    display: none; }
  #hero_slider .orbit-timer, #hero_slider .orbit-progress {
    display: none; }

/* mobile HAMMER of padding*/
#hero_banner_mobile {
  /*display: block;*/ }
  #hero_banner_mobile .hero-text {
    /*padding-top: 0;*/ }
    #hero_banner_mobile .hero-text h1 {
      font-size: 12px;
      /*border: solid;*/
      /*background: blue;*/
      /*padding-top: 20%;*/ }

@media only screen and (min-width: 40.063em) {
  #hero-wrapper-mobile {
    display: none; } }
@media only screen and (min-width: 30.063em) {
  #hero_banner_mobile {
    /*display: block;*/ }
    #hero_banner_mobile .hero-text {
      /*padding-top: 0;*/ }
      #hero_banner_mobile .hero-text h1 {
        font-size: 26px;
        /*border: solid;*/
        /*background: red;*/
        /*padding-top: 20%;*/ } }
@media only screen and (min-width: 40.063em) {
  #hero-wrapper {
    display: block; }
    #hero-wrapper .hero-text {
      /*padding-top: 20%;*/ }
      #hero-wrapper .hero-text h1 {
        /*font-size: 16px;*/
        /*font-size: 40px;*/
        /*border: solid;*/
        /*background: blue;*/
        /*background: green;*/
        /*padding-top: 20%;*/ } }
@media only screen and (min-width: 60.063em) {
  #hero-wrapper {
    /*display: block;*/ }
    #hero-wrapper .hero-text {
      /*padding-top: auto;*/
      /*padding-top: 20%;*/ }
      #hero-wrapper .hero-text h1 {
        font-size: 30px;
        /*font-size: 40px;*/
        /*border: solid;*/
        /*background: blue;*/
        /*background: green;*/
        /*padding-top: 20%;*/ } }

/*# sourceMappingURL=hero.css.map */