body {
    background-image: none;background-size: 100% auto;overflow: hidden;background-color:#2b2323 !important;
  }

body.vmo_darkblue .footer__color {
  background: rgba(42,87,124,.5);
}

#reel p {
  padding: 0;
  line-height: 185%;
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Merriweather', serif;
}
.merriweather {font-family: 'Merriweather', serif;}
.credit {position: absolute;bottom:0%;left:2%;color:#fff;font-size: 11px}

.crafted__header p {
  padding: 0 10%;
}

.global__footer {z-index: 5}

.landing {
  background: #2b2323 url(/wp-content/themes/visitmo/library/static/highlights/beer/landing.jpg) center center;
  background-size: cover;
  height: 100vh !important;
}
@media (max-width: 800px) {
    .landing {height: 90vh !important;}
}
.landing div {
  width: 100%;
  text-align: center;
  display: inline-block;
}
.sharing {color:#fff;font-weight: bold;}
.sharing i {
  color: #fff;cursor: pointer;
  font-size: 25px;
  margin: 0 10px;
}
.landing .sharing i:hover > i {
  -webkit-transform: scale(1.05) translateY(-2px);
  transform: scale(1.05) translateY(-2px);
}
.landing div p {
  color: #fff;
  font-size: 15px;
  font-style: italic;
  position: relative;
  padding: 0;
  font-family: Montserrat, sans-serif !important;
}
.landing div div {
  width: auto;
}
.landing .logo {
  height: 70%;
  vertical-align: bottom;
  margin-top: 50px;
  margin-bottom: 30px;
}
.landing .logo img {
  height: 85%;
  margin-top: 5%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

@media (max-width: 1250px) {
    .landing .logo {margin-bottom: 0}
    .landing .logo img {margin-top:3%}
}
@media (max-width: 992px) {
  .landing .logo img {margin-top:5%}
  /*.landing .byline {
    width: 45%;
    text-align: right;
    padding-right: 40px;
  }
  .landing .sharing {
    width: 55%;
    display: inline;
  }*/
  .landing .sharing {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 600px) {
  /*.landing .byline {
    width: 40%;
  }
  .landing .sharing {
    width: 60%;
  }*/
  .landing .sharing {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 500px) {
  .landing .logo img {margin-top:15%}
  .landing .logo {
    height: 50%;
  }
 /* .landing .byline, .landing .sharing {
    width: 100%;
    display: block;
    text-align: center;
  }
  .landing .byline {
    padding-top: 35px;
    padding-right: 0;
  }*/
  .landing .sharing {
    padding-top:45px;
  }
}
.landing h1 {
  color: #fff;
  font-family: 'rift-soft', sans-serif;
  font-size: 5.65em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 40%;
  margin-top: 8%;
  text-shadow: 1px 3px 5px #333333;
}
.landing h1 span {
  font-size: 15px;
  font-family: Montserrat, sans-serif;
}
@media (max-width: 550px) {
  .landing h1 span {
    font-size: 12px;
  }
}
@media (max-width: 350px) {
  .landing h1 span {
    font-size: 9.5px;
  }
}
@media (max-width: 768px) {
  .landing h1 {
    font-size: 4.25em;
  }
}
@media (max-width: 550px) {
  .landing h1 {
    font-size: 3em;
    line-height: 50%;
  }
}
@media (max-width: 350px) {
  .landing h1 {
    font-size: 2.5em;
  }
}

.line__stretch {
  height: 1px;
  width: 100% !important;
  background-color: #fff;
  display: inline-block;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.left {
  -webkit-transform: translateX(-50%);transform: translateX(-50%);float:none !important;
}
.right {
  -webkit-transform: translateX(50%);transform: translateX(50%);float:none !important;
}
.fadein {
  opacity: 0;
}
.bouncein {
  -webkit-transform: scale(0);transform: scale(0);
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 9s linear infinite;
  animation: rotating 9s linear infinite;
}

.content_wrapper {width: 100%;position: relative;margin:auto}
.content-section {
  position: relative;
  padding:0;-webkit-transform: translate3d(0,0,0);
  width: 100%;
  margin: auto;padding: 5% 10% 5% 10%;
  height: auto;
}
.headline-container {width:100%;position: relative;padding:100px 0;max-width:1000px;margin:auto;text-align: center}
.headline-container div {display: inline-block;}
.headline {border: 4px solid #e3b71e;padding:20px 32px;width:60%;position: relative;}
.headline-lines {width:0%;height:100%;position:absolute;left:80%;top:0;}
.headline-lines__left {left:auto;right:80%;}
.headline-lines div {background-color:#e3b71e;position: absolute;top:50%;margin-top:-2px}
.headline-lines div:nth-child(1) {width:100%;height:4px;right:0;}
.headline-lines div:nth-child(2),.headline-lines div:nth-child(3) {width:4px;height:20px;left:33%;margin-top:-10px;
-webkit-transform:scale(1,0);transform:scale(1,0);}
.headline-lines div:nth-child(3) {left:66%;}
.headline-bg {position: absolute;left:50%;margin-left:-164px;top:6%;-webkit-transform:scale(.35);transform:scale(.35);}
.content-section p {width:100%}
@media (max-width: 1600px) {
    .content-section p {font-size:15px;}
}
@media (max-width: 600px) {
    .headline-container {padding:60px 0}
    .headline-bg {width:70%;left:15%;margin-left: 0;}
    .headline {width:90%}
    .headline-lines {display: none !important}
}
@media (max-width: 350px) {
    .content-section p {font-size:12px}
}

#american {background: #181818 url(/wp-content/themes/visitmo/library/static/highlights/beer/beer-flight.jpg) center bottom;background-size:cover;
text-align: center}

#lemp {background: #cca92e url(/wp-content/themes/visitmo/library/static/highlights/beer/wheat.jpg) center center;background-size: cover;
text-align: left;padding: 5% 0;height:750px;}
#lemp div:nth-child(1) {width:59.5%;display: inline-block;vertical-align: middle;-webkit-transform:translateX(-25%);transform:translateX(-25%);}
#lemp div:nth-child(2) {width:40%;display: inline-block;vertical-align: middle;-webkit-transform:translateX(25%);transform:translateX(25%);}
#lemp div:nth-child(2) img {width: 100%;max-width:700px;float:right;-webkit-transform:translateX(6px);transform:translateX(6px)}
#lemp p {color:#333333;padding:0 15%;} 
.yellow-transition {position: absolute;top:-9%;left:0;width:100%;}
.yellow-transition__bottom {position: absolute;top:-.5%;left:0;width:120%;z-index: 5}
@media (max-width: 1900px) {
    #lemp {height: 680px} 
}
@media (max-width: 1600px) {
    #lemp {height:600px}
    #lemp div:nth-child(2) img {-webkit-transform:translateX(3px);transform:translateX(3px)}
}
@media (max-width: 1400px) {
    #lemp {height:550px}
    #lemp p {padding:0 10%}
}
@media (max-width: 1250px) {
    .yellow-transition {top:-7.5%}
}    
@media (max-width: 1100px) {
    .yellow-transition {top:-3.5%}
    #lemp {height:850px;}
    #lemp div:nth-child(1),#lemp div:nth-child(2) {width: 100%;text-align:center;}
    #lemp p {text-align: left!important}
    #lemp div:nth-child(2) img {width:50%;float:none;margin-top:20px}
}
@media (max-width: 800px) {
    .yellow-transition,.yellow-transition__bottom {width:150%;max-width:none;}
    #lemp div:nth-child(1) {-webkit-transform:translateX(0);transform:translateX(0);}
    #lemp div:nth-child(2) {-webkit-transform:translateX(0);transform:translateX(0);}
}
@media (max-width: 550px) {
    .yellow-transition {width:230%;}
    .yellow-transition__bottom {width:330%;}
}
 @media (max-width: 390px) {
    #lemp p {padding-top:20px;}
    #lemp {height:910px;}
}

#beers {height:550px;width:150%;max-width: none;margin-left:-20%;overflow: hidden;position: relative;
background: linear-gradient(transparent, #000,#000);}
#beers img {height:100%;position: absolute;top:0;left:-10%;}
@media (max-width: 1750px) {
    #beers {height:500px}
}
@media (max-width: 1500px) {
    #beers {height:450px}
}
@media (max-width: 1300px) {
    #beers {height:400px}
}
@media (max-width: 1100px) {
    #beers {height:370px}
}
@media (max-width: 992px) {
    #beers {height:320px}
}
@media (max-width: 600px) {
    #beers {height:230px}
}
@media (max-width: 350px) {
    #beers {height:160px}
}

#heritage {background: #181818 url(/wp-content/themes/visitmo/library/static/highlights/beer/wood-bg.jpg) center center;background-size: 100% 100%;
    text-align: center}
    #heritage .bg {position: absolute;top:0;left:0;height:100%;width:100%;background: url(/wp-content/themes/visitmo/library/static/highlights/beer/anheuser-busch.png) center center;background-size: 100% 100%;}
    #heritage .headline-bg {margin-left:-90px;margin-top:10px}
    #heritage p {position: relative}
    #heritage p a {color:#cba41f;}
@media (max-width: 700px) {
    #heritage .headline-container {margin-top:30px}
    #heritage .headline-bg {width:36%;left:32%;margin:0}
    #heritage .bg {background: #181818 url(/wp-content/themes/visitmo/library/static/highlights/beer/anheuser-busch.jpg) center center;}
}

#legacy {background: #232221 url(/wp-content/themes/visitmo/library/static/highlights/beer/wood-bg.jpg);background-size: 100% auto;
    text-align: center;padding-left:0;padding-right:0;padding-top:0}
#legacy .headline-bg {margin-left:-91px;margin-top:30px}
#legacy p {padding-left:10%;padding-right:10%}
.clydesdales {width:100%;-webkit-transform:scale(.95) translateX(50px) translateY(50px);transform:scale(.95) translateX(50px) translateY(50px)}
@media (max-width: 700px) {
    #legacy .headline-container {margin-top:30px}
    #legacy .headline-bg {width:36%;left:32%;margin:0}
}

#beer-bg {width:100%;height:900px;overflow: hidden;margin-top:-10%;position: relative;}
#beer-bg .beer-bg {width:100%;margin-top:0%;}
#beer-bg .beer-bg:nth-child(2) {display: none}
#beer-bg .brewery-btn,#beer-bg .brewery-btn-overlay {position: absolute;bottom:15%;left:50%;margin-left:-291px;
outline:none;border:0}
#beer-bg .brewery-btn-overlay {display: none !important;height:254px;width:582px;background-color:black;transition: .3s all}
#beer-bg .brewery-btn-overlay {opacity:.15;}
@media (max-width: 1600px) {
    #beer-bg {height:700px}
}
@media (max-width: 1200px) {
    #beer-bg {height:620px}
    #beer-bg .brewery-btn {bottom:25%}
}
@media (max-width: 900px) {
    #beer-bg {height:500px}
}
@media (max-width: 768px) {
    #beer-bg .beer-bg:nth-child(1) {display: none}
    #beer-bg .beer-bg:nth-child(2) {display:block;width:150%;max-width: none;margin-left:-12%}
    #beer-bg .brewery-btn {width:50%;margin-left:0;left:25%}
}
@media (max-width: 600px) {
    #beer-bg {height:415px}
    #beer-bg .brewery-btn  {width:70%;margin-left:0;left:15%;bottom:15%}
}
@media (max-width: 450px) {
    #beer-bg {height:350px}
    #beer-bg .brewery-btn {width:80%;left:10%;bottom:20%}
}
@media (max-width: 350px) {
    #beer-bg {height:320px}
}


.spacer {
  width: 100%;
  height: 100px;
}
@media (max-width: 768px) {
  .spacer {
    height: 70px;
  }
}
@media (max-width: 550px) {
  .spacer {
    height: 45px;
  }
}