@font-face {
    font-family: GothamBook;
    src: url(gotham-book.woff);
}
body {
    overflow: hidden;background-color:#fff;
    background-size: 100% auto;
    background-attachment: fixed;
}

#reel {overflow: hidden}

.content-section p {
    padding: 0 10%;
    line-height: 170%;
    font-size: 21px;
    margin-bottom: 20px;
    color: #333333;
    font-family: 'Vollkorn', serif;
  }
  @media (max-width: 800px) {
      .content-section p {font-size:17px}
  }  
  @media (max-width: 500px) {
    .content-section p {font-size:14px;padding:0 5%}
}    
a {font-weight: bold}
  .gotham {font-family: GothamBook,sans-serif !important;}
  .plume {font-family:plume,serif !important;}

  .crafted__header p {
    padding: 0 10%;
  }

  h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-family: 'rift soft',sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
  }

  .landing {
    background: #90727a url(/wp-content/themes/visitmo/library/static/highlights/lakeoftheozarks/landing.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh !important;
  }
  .landing .credit {
    position: absolute;
    left:2%;
    font-size:11px;
    color: #fff;
  }
  .credit {
    position: absolute;
    font-size:11px;
    color:#fff;
    padding:0;
    margin:0;
    bottom:1%;
  }
  .content-section .credit {
    color:#fff;
    font-size:11px;
    padding: 0;
    margin: 0;
  }
  .right .credit {text-align: right}
  @media (max-width: 500px) {
    .credit {line-height: 100%}
}    

  .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;
  }
  .sharing i:hover {
    -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: 72%;
    vertical-align: bottom;
    margin-top: 80px;text-align: center;
    margin-bottom: 30px;
  }

  .landing .logo img {
    width: 80%;
    margin-top: 90px;max-width:700px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }

  @media (max-width: 992px) {
 /*   .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;
    }
    .landing .logo img {
        margin-top:140px;
    }        
  }

  @media (max-width: 500px) {
    /*.landing .byline, .landing .sharing {
      width: 100%;
      display: block;
      text-align: center;
    }

    .landing .byline {
      padding-top: 35px;
      padding-right: 0;
    }*/
    .landing .logo {height:300px}
    .landing .sharing {
      padding-top:12px;
    }
  }

  .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%);
  }

  .right {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .fadein {
    opacity: 0;
  }

  .scaleZero {
    -webkit-transform: scale(0);transform: scale(0);
  }

  .content_wrapper {background-color:#fff}

  .content-section {
    position: relative;
    width: 100%;
    max-width: none;
    margin: auto;
  }


.bg {width:100%;}

  #p1 {padding:10% 20% 10% 20%;background-image:url('/wp-content/themes/visitmo/library/static/highlights/lakeoftheozarks/lake-bg.jpg');background-position: right center;
    background-size: auto 110%;background-repeat: no-repeat}
  #p1 p {color:#fff;position: relative}
  #p1 img:nth-child(1) {position: absolute;right:5%;top:7%}
  #p1 img:nth-child(2) {position: absolute;right:5%;top:50%}
  @media (max-width: 800px) {
    #p1 {padding:10%}
} 
@media (max-width: 550px) {
    #p1 {padding:15% 10%}
}

  #jetski div {position: absolute;width:40%;margin:5% 2.4% 5% 7.5%;top:0}
  #jetski div.right {right:0;margin:5% 7.5% 5% 2.4%}
  #jetski div img {width:100%;}
  #jetski div .credit {position: relative}

  #pool {background-color:#fff}
  #pool img {position: absolute;}
  #pool .pool {top:-180px;left:0;width:100%}
  #pool .sand {bottom:-20px;left:0}
  #pool .towel {right:5%;bottom:35px;width:20%;max-width: 350px}
  #pool h1 {font-size:50px;color:#0c4a8d;position: relative;padding:5% 10% 0 10%;line-height: 40px}
  #pool h2 {font-size:30px;font-weight:bold;color:#42566c;position: relative;padding: 0 13%;margin-top:0}
  #pool p {color:#000;padding-top:30px;padding-bottom:100px;width:80%;position: relative}
  #pool a {color:#034286}
  @media (max-width: 800px) {
    #pool .pool {width:150%;left:-20%}
}   
@media (max-width: 700px) {
    #pool .pool {top:-100px}
} 
@media (max-width: 550px) {
    #pool .pool {top:-70px}
    #pool .towel {display: none}
    #pool p {width:100%}
    #pool h1 {font-size:45px;padding-top: 25px;}
    #pool h2 {font-size:25px;}
} 

  #waterslide {background-color:#b7e67a;height:400px}
  #waterslide div {height:100%;width:49%;display: inline-block;position: relative;overflow: hidden}
  #waterslide div:nth-child(1) {background-image:url('/wp-content/themes/visitmo/library/static/highlights/lakeoftheozarks/waterslide.jpg');background-size:cover;background-position: 0 0;}  
  #waterslide table {height:100%;width:100%}
  #waterslide table td {height: 100%;width:100%;vertical-align: middle;padding: 5%}
  #waterslide p {color:#000;}
  #waterslide p a {color:#111d66}
  #waterslide .credit {left:50%;}
  @media (max-width: 800px) {
    #waterslide div:nth-child(1) {background-position: center 0}
}   
@media (max-width: 600px) {
    #waterslide {height:600px}
    #waterslide div {width:100%;height:50%}
    #waterslide .credit {left:2%;bottom:50%}
} 

  #couples {background-color:#ffe0c6;padding: 10% 2% 10% 6%}
  #couples div {height:400px;width:49%;display: inline-block;position: relative;overflow: hidden}
  #couples div:nth-child(2) {height:500px;}
  #couples div:nth-child(3) {background-image:url('/wp-content/themes/visitmo/library/static/highlights/lakeoftheozarks/pool3.jpg');background-size:cover;background-position: center bottom;}  
  #couples table {height:100%;width:100%}
  #couples table td {height: 100%;width:100%;vertical-align: middle;padding: 5%}
  #couples div.right .credit {top:2%;left:2%}
  #couples .cocktail {position: absolute;bottom:15px;left:25%;margin-left:-36px}
  #couples .credit {bottom:0px;left:51%;}
  #couples .couple {position: absolute;bottom:0px;left:50%;width:20%}
  #couples .thatched {position: absolute;top:0px;left:0;width:30%;}
  #couples a {color:#1a205b}
  @media (max-width: 1100px) {
   #couples {padding-bottom:20%}
  }
  @media (max-width: 992px) {
    #couples .couple {width:25%}
} 
@media (max-width: 800px) {
    #couples {padding-bottom:33%;padding-left:2%}
    #couples div:nth-child(2) {width:100%;height:300px}
    #couples div.right {float:none!important;height:250px;-webkit-transform: translateX(0%);transform: translateX(0%);left:40%}
    #couples .thatched {width:50%}
    #couples .cocktail {left:50%}
    #couples .couple {left: 12%;bottom:23%;width:33%}
    #couples .couplecredit {bottom: 23%;left:13%;}
} 
@media (max-width: 600px) {
    #couples .thatched {width:75%}    
}    
@media (max-width: 800px) {
    #couples {padding-bottom:53%;}
}

  #sunset {background-color: #000}
  #sunset table {height:100%;width:50%;position: absolute;top:0}
  #sunset table td {height: 100%;width:100%;vertical-align: middle;}
  #sunset table p {padding:0 0 0 20%;color:#fff}
  #sunset table p a {color:#db6d14}
  #sunset .credit {right:2%}
  @media (max-width: 700px) {
      #sunset .bg {width:150%;margin-left:-25%}
  }    
  @media (max-width: 550px) {
      #sunset table {width:65%;background-color: rgba(0,0,0,.5);}
  }   
  @media (max-width: 450px) {
    #sunset .bg {margin-left: -65%;width:180%}
    #sunset table {left:0;top:auto;bottom:0;width:100%;}
    #sunset table p {padding:0 5% 0 10%}
}    

  .scaleYoverlay {position: absolute;top:0;height:100%;width:100%;}
  .scaleYoverlay div {position: absolute;top:0;height:50%;width:100%;background-color:#000}
  .scaleYoverlay div:nth-child(2) {position: absolute;top:auto;bottom:0;height:50%;width:100%;}
 
#cars {background-image:url('/wp-content/themes/visitmo/library/static/highlights/lakeoftheozarks/cars.jpg');background-size:cover;background-position: left bottom}
#cars .plume {width:100%;padding:5% 25% 25% 25%}
#cars .plume a {color:#0d3b75}
#cars .credit {padding:2% 0 15% 0}
#cars div {position: absolute;width:15%;right:5%;top:10%;text-align: left}
#cars img,#cars p {width:100%;}
#cars .credit {position: relative;color:#000}
#cars .credit3 {position: absolute;font-size:11px;color:#000;padding:0;margin:0;bottom:1%;left:1%}
@media (max-width: 992px) {
    #cars .plume {padding:8% 25% 45% 15%}
} 
@media (max-width: 700px) {
    #cars .plume {padding:8% 25% 55% 15%}
} 
@media (max-width: 550px) {
    #cars .plume {padding:8% 10% 65% 10%}
    #cars div {display: none;}
}   
@media (max-width: 450px) {
    #cars  {background-position: 25% bottom;}
}  

#statepark {background-color:#fff}
#statepark .img1 {width:66%;display: inline-block;float:none!important}
#statepark .img2 {width:33%;display: inline-block;float:none!important}
#statepark .hammock {position: absolute;top:10%;left:33%;width:33%;z-index:10}
#statepark .credit1 {color:#000;left:2%;bottom:20%}
#statepark .credit2 {left:2%}
#statepark .p1 {width:70%;margin-left:15%;color:#000000;position: absolute;top:40%}
#statepark .p1 a {color:#151452}
@media (max-width: 992px) {
    #statepark .hammock {width:50%;left:25%}
    #statepark .p1 {top:47%}
} 
@media (max-width: 800px) {
    #statepark .p1 {top:50%}
} 
@media (max-width: 500px) {
    #statepark .hammock {width: 100%;left: 0;height: 130px;text-align: center;}
    #statepark .hammock .bg {width: auto;height: 100%;}
    #statepark .p1 {width:90%;margin-left:5%;top:210px}
    #statepark .credit1 {bottom:-120px}
    #statepark .credit2 {bottom:-13px;color:#000;left:33%}
    #statepark .img2 {display: none}
}    

#tonka {background-color:#fff;text-align: center}
#tonka div {width:60%;max-width: 1100px;margin-left:20%;position: relative}
#tonka div img {width:100%}
#tonka div .credit {left:1%;bottom:1%;color:#fff;padding:0!important;margin:0!important}
#tonka p {width:70%;margin-left:15%;padding-top:10%;color:#000;text-align: left}
#tonka p a {color:#151452}
@media (max-width: 600px) {
    #tonka div {margin-top:10%}
}    
@media (max-width: 500px) {
    #tonka {margin-top:120px}
    #tonka p {width:90%;margin-left:5%;}
}

#sunglasses {background-color:#fff;text-align: center;padding-bottom:10%}
#sunglasses .glasses {width:30%;overflow: hidden;margin:auto}
#sunglasses .glasses img {width:100%;position: relative;z-index: 4}
#sunglasses .glasses img:nth-child(1) {position: absolute;top:5%;left:0;z-index: 3}
#sunglasses .plume {width:70%;margin-left:15%;padding-bottom:10%;color:#000;text-align: left}
#sunglasses .plume a {color:#151452}
#sunglasses .yacht {width:50%;margin-left:25%;position: relative}
#sunglasses .yacht .credit {left:2%}
@media (max-width: 800px) {
    #sunglasses {padding-bottom:15%}
    #sunglasses .yacht {width:60%;margin-left:20%}
}    
@media (max-width: 500px) {
    #sunglasses .glasses {width:55%;}
    #sunglasses .plume {width:90%;margin-left:5%;}
}

#end {position: relative}
#end .credit {left:2%;}
.full-width .back-to-top {position: absolute;bottom:15%;right:5%;width:47px;cursor: pointer;transition:.3s all}
.full-width .back-to-top:hover {bottom:16%}