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

#reel p {
  padding: 0;
  line-height: 200%;
  font-size: 18px;
  margin:0 auto 20px auto;max-width:1600px;
  color: #fff; 
}
h2 {color:#fff;font-family:'rift-soft',futura,sans-serif;text-transform: uppercase}
.merriweather {font-family: 'Merriweather', serif;}

@media (max-width: 1500px) {
    p {font-size:15px}
}   
@media (max-width: 1000px) {
    p {font-size:13px}
} 
@media (max-width: 700px) {
    p {font-size:12px}
} 
@media (max-width: 500px) {
    p {line-height:200%}
}   
 

.crafted__header p {
  padding: 0 10%;
}

.global__footer {z-index: 5}

.landing {
  background: #2b2323 url(/wp-content/themes/visitmo/library/static/highlights/katytrail/landing.jpg) center center;
  background-size: cover;z-index: 1;
  height: 100vh !important;
}
@media (max-width: 800px) {
    .landing {height: 90vh !important;}
}
@media (max-width: 500px) {
    .landing {height: 85vh !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 {
  -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 {
  width: 75%;max-width:800px;
  margin-top: 5%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.landing .credit {position: absolute;bottom:0%;left:2%;font-size:11px}

@media (max-width: 1250px) {
    .landing .logo {margin-bottom: 0;margin-top:100px}
    .landing .logo img {margin-top:3%;}
}   
@media (max-width: 992px) {
    .landing .logo {margin-top:50px}
    .landing .logo img {margin-top:10%;max-width:600px;}
  .landing .sharing {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .landing .logo img {margin-top:25%}
  .landing .sharing {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 500px) {
    .landing .sharing {
    padding-top:15px;
  }
}
@media (max-height: 650px) {
    .landing .logo img {max-width:600px}
} 
.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;
}
.scaleZero {
  -webkit-transform: scale(0);transform: scale(0);
}
.scaleYzero {-webkit-transform:scale(1,0);transform:scale(1,0)}

.fixed {position:fixed!important}

a, p a {color:#6aa9c7}

.location {position: absolute;font-family:'rift-soft',futura,sans-serif;font-size:18px;text-transform: uppercase}
.location i {height:20px;width:20px}
.location a {color:#fff;}
.credit {position: absolute;font-size:11px}
@media (max-width: 600px) {
 /*   .credit {font-size:9px}*/
}  

.full-width {width:100%;position: relative;}
.full-width img {width:100%;}
.full-width .credit {bottom:-3%;left:2%;}
.full-width .location {bottom:-3%;right:2%;}
@media (max-width: 550px) {
    .full-width .credit,.full-width .location {bottom:-7%;text-shadow: 1px 1px 3px rgba(0,0,0,.75)}
}  
@media (max-width: 400px) {
    .full-width .credit,.full-width .location {bottom:-10%;text-shadow: 1px 1px 3px rgba(0,0,0,1)}
}    

.bg {width:100%}

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

.content_wrapper {width: 100%;position: relative;margin:auto}
.content-section {
  position: relative;
  padding:5% 15%;  width: 100%;
  margin: auto;  height: auto;
}

#quote {height:70vh}
#quote table,#quote table td {width:100%;height:100%;text-align: center;vertical-align: middle}
#quote p {max-width:615px;line-height: 250%;margin:auto}
#quote .merriweather {font-size:30px}
#quote img {margin-bottom:20px}
#quote .name {letter-spacing: 2px}
@media (max-width: 550px) {
    #quote .merriweather {font-size:20px}
}
    
.two-column table {width:100%;height:100%}
.two-column table td {width:50%;height:100%;padding:0 5%;vertical-align: middle}
.two-column table img {width:100%;}

.three-column table {width:100%;height:100%}
.three-column table td {width:25%;height:100%;padding:0;vertical-align: middle}
.three-column table td:nth-child(1) {padding-left:4%;}
.three-column table td:nth-child(2) {width:49%;padding:10% 5%;}
.three-column table td:nth-child(3) {padding-right:4%;}
.three-column table img {width:100%;}

#pic1 {padding:0 0 5% 0;background-image:url('/wp-content/themes/visitmo/library/static/highlights/katytrail/gravel.jpg');background-position: 0 0;background-size:100% 100%}
#pic1 .paragraph {padding:2% 15%;width:100%;height:100%}
#pic1 table {width:100%;height:100%;}
#pic1 td {position: relative;height:auto!important}
#pic1 td:nth-child(1) {padding-left:0}
#pic1 img {-webkit-transform:translateY(-10%) scale(1.05);transform:translateY(-10%) scale(1.05);}
#pic1 .credit {-webkit-transform:translateY(-40%);transform:translateY(-40%)}
@media (max-width: 1200px) {
    #pic1 .paragraph {padding:2% 5% 5% 15%}
}    
@media (max-width: 800px) {
    #pic1 .paragraph {padding: 5% 5% 2% 10% }
}
@media (max-width: 515px) {
    #pic1 {background-size:150% auto;background-repeat: repeat-y}
    #pic1 table td {width:100%;display:block;}
    #pic1 table td:nth-child(2) {padding-left:2%}
    #pic1 .credit {-webkit-transform:translateY(-25px);transform:translateY(-25px)}    
}    


#pic2 {padding:0}
#pic2 table {position: absolute;top:20%;width:30%;left:25%}
#pic2 table td {padding:5%;position: relative}
#pic2 img:nth-child(2) {position: absolute;left:-20%;top:25%;height:75%}
#pic2 img:nth-child(3) {position: absolute;left:-50px;top:25%;height:75%}
#pic2 .spacer {background: linear-gradient(transparent, black);position: absolute;bottom:0}
#pic2 .credit {bottom:20px;right:2%;}
@media (max-width: 1200px) {
    #pic2 table {top:12%}
    #pic2 img:nth-child(2),#pic2 img:nth-child(3)  {top:15%} 
}  
@media (max-width: 800px) {
    #pic2 .bg {width:150%;margin-left:-15%}
    #pic2 table {left:35%}
    #pic2 img:nth-child(2) {left:-35%}
} 
@media (max-width: 515px) {
    #pic2 .bg {margin-left:-22%}
    #pic2 table {width:100%;position: relative;left:0;}
    #pic2 table td {padding:20% 10% 10% 10%}
    #pic2 table p {line-height: 150%}
    #pic2 img:nth-child(2) {top:10%;height:60%;left:-45%;top:7%}
    #pic2 img:nth-child(3)  {height:50%} 
    #pic2 .credit {bottom:35%;}
}   
@media (max-width: 400px) {
    #pic2 .credit {bottom:45%}
}     

#parallax {background-color:#000}
.parallax {margin:auto;width:45%;position:relative;z-index: 1}
.parallax div {width:100%;height:100%;background-size:100% 100%;background-position:center center;position:absolute;top:0}
.parallax img:nth-child(1) {width:100%;}
.parallax div:nth-child(2) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-middle.png);}
.parallax div:nth-child(3) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-bottom.png);}
.parallax div:nth-child(4) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-bottomgreen.png);}
.parallax div:nth-child(5) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-rightleaves.png);}
.parallax div:nth-child(6) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-leftleaves.png);}
.parallax div:nth-child(7) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-topleaves.png);}
.parallax div:nth-child(8) {background-image:url(/wp-content/themes/visitmo/library/static/highlights/katytrail/parallax-bottomleaves.png);}
#parallax img:nth-child(2) {width:25%;position: absolute;top:2%;left:5%;z-index: 0}
#parallax img:nth-child(3) {width:25%;position: absolute;top:-50px;left:6%;z-index: 1}
#parallax img:nth-child(4) {width:25%;bottom:12%;right:0;position: absolute;z-index: 1}
@media (max-width: 900px) {
    #parallax img:nth-child(3) {top:0}
}    
/*.parallax img {width:100%;top:0}
.parallax img:nth-child(1) {position: relative;z-index: 1}
.parallax img:nth-child(2) {position: absolute;z-index: 2}
.parallax img:nth-child(3) {position: absolute;z-index: 3}
.parallax img:nth-child(4) {position: absolute;z-index: 4}
.parallax img:nth-child(5) {position: absolute;z-index: 5;border-right:400px solid black;right:400px}
.parallax img:nth-child(6) {position: absolute;z-index: 6;border-left:400px solid black;left:400px}
.parallax img:nth-child(7) {position: absolute;z-index: 7;border-top:400px solid black;top:0}
.parallax img:nth-child(8) {position: absolute;z-index: 8;border-bottom:400px solid black;bottom:0;top:auto}*/

 .scaleYoverlay {position: absolute;top:0;height:100%;width:100%;}
 .scaleYoverlay div {position: absolute;top:0;height:50%;width:100%;background-color:#212121}
 .scaleYoverlay div:nth-child(2) {position: absolute;top:auto;bottom:0;height:50%;width:100%;}

#tire-tracks {width:100%;height:600px;position: relative}
#tire-tracks div:nth-child(1) {width:0;height:100%;position: absolute;top:50px;overflow:hidden}
#tire-tracks table {width:60%;margin:auto;}
#tire-tracks table img {width:100%;}
#tire-tracks table td {position: relative}
#tire-tracks table td p {text-align:justify}
#tire-tracks table td:nth-child(1) {padding-right:5%}
#tire-tracks table td:nth-child(2) {padding-left:0}
#tire-tracks .spacer {background-color:#212121;position: absolute;top:-50px;-webkit-filter: blur(20px);filter: blur(20px)}
@media (max-width: 1200px) {
    #tire-tracks {height:540px}
}   
@media (max-width: 1000px) {
    #tire-tracks {height:480px}
}    
@media (max-width: 800px) {
    #tire-tracks {padding-top:50px}
    #tire-tracks .bg {width:150%}
    #tire-tracks table {width:90%}    
}
@media (max-width: 650px) {
    #tire-tracks table td p {text-align: left}
}    
@media (max-width: 515px) {
    #tire-tracks .bg {padding-top:50px}
    #tire-tracks table td {padding:0 5%}
    #tire-tracks table td:nth-child(1) {width:40%}
    #tire-tracks table p {line-height: 165%}
}
@media (max-width: 768px) {
    #tire-tracks .spacer {top:-35px}
  }
  @media (max-width: 550px) {
    #tire-tracks .spacer {top:-22px}
  }
  @media (max-width: 350px) {
    #tire-tracks {height:520px}
    #tire-tracks table td p {font-size:11px}
  }

#quote2 {background-color:#000;text-align: center}
#quote2 img:nth-child(2) {margin-top:-90px}
@media (max-width: 1000px) {
    #quote2 img {width:100%}
}
@media (max-width: 515px) {
    #quote2 {padding:5%}
    #quote2 img:nth-child(2) {margin-top:-60px}
}    

#oaktree {box-shadow: 0px 0px 30px black}
@media (max-width: 800px) {
    #oaktree img {width:146%;margin-left:-23%}
    #quote2 img:nth-child(2) {margin-top:-75px}
}
@media (max-width: 515px) {
    #oaktree img {width:200%;margin-left:-50%}
}

#wineries {background-image:url('/wp-content/themes/visitmo/library/static/highlights/katytrail/winery.jpg');background-size:cover;background-position: center center}
#wineries .mobile {display: none;}
@media (max-width: 1200px) {
    #wineries .mobile {display: block;margin-top:35px}
    #wineries table td:nth-child(1) {width:35%;padding-left:8%}
    #wineries table td:nth-child(2) {width:65%;padding-left:2%}
    #wineries table td:nth-child(3) {display:none}
    #wineries table img {width:80%;}
}    

@media (max-width: 515px) {
    #wineries table td:nth-child(1),#wineries table td:nth-child(2) {width:100%;padding:8%;display: block}    
    #wineries table img {width:45%;margin:0;display: inline-block}
    #wineries table img:nth-child(2) {margin-left:9%}
    #wineries table td {height:auto}
    #wineries table td:nth-child(2) {padding-top:0}    
    #wineries .mobile {display: inline-block;margin-top:0}
    #wineries .left {-webkit-transform: translateX(0);transform: translateX(0);float:none !important;}
}    


#map {}
#map #trail {position: absolute;top:-6%;left:-1.25%;width:100%;}
/*.st0{stroke:#fff;fill:#fff;fill-opacity:0;stroke-width:.2;stroke-dasharray: 800;stroke-dashoffset:800;}
@-webkit-keyframes DASH3{
    0%  {stroke-dashoffset:800;}
       80%  {stroke-dashoffset:0;fill-opacity:0;}
    100%{stroke-dashoffset:0;fill-opacity:1;}
}
@keyframes DASH3{
    0%  {stroke-dashoffset:800;}
       80%  {stroke-dashoffset:0;fill-opacity:0;}
    100%{stroke-dashoffset:0;fill-opacity:1;}
}*/
.st0 {fill:none;stroke-dasharray: 1850 2000;stroke-dashoffset: 1851;stroke: #fff;stroke-width:9px;stroke-linecap: round;stroke-linejoin: round;}
.fin {stroke-dashoffset: 0;}
#map .cities {width:100%;height:100%;position: absolute;top:0}
#map .cities div {text-align: center;position: absolute;}
#map .cities p {font-family: 'rift-soft',futura,sans-serif;color:#000;font-size:20px;position: absolute;margin:0}
#map .cities div .circle-border {background-color:rgba(255,255,255,.6);height:28px;width:28px;border-radius:50%;position: relative}
#map .cities div .circle {background-color:#fff;height:14px;width:14px;border-radius:50%;position:absolute;top:7px;left:7px}
#map .cities .machens {top:20.5%;right:5.25%;}
#map .cities .machens p {top:-130%;left:33%}
#map .cities .stc {top:28.5%;right:9.5%;}
#map .cities .stc p {top:30%;left:-300%}
#map .cities .augusta {top:49%;right:19%;}
#map .cities .augusta p {top:-120%;left:-163%}
#map .cities .hermann {top:41%;right:33.5%;}
#map .cities .hermann p {top:80%;left:-150%}
#map .cities .jeff {top:50%;left:43%;}
#map .cities .jeff p {top:-60%;left:-380%}
#map .cities .roch {top:15%;left:35.5%;}
#map .cities .roch p {top:-130%;left:-93%}
#map .cities .sedalia {top:56%;left:14.5%;}
#map .cities .sedalia p {top:-130%;left:-200%}
#map .cities .clinton {top:70.75%;left:2.75%;}
#map .cities .clinton p {top:-250%;left:-80%}
@media (max-width: 992px) {
    #map .cities p {font-size:16px}
    #map .cities .machens {top:20%;right:4.75%;}
    #map .cities .machens p {top:-110%;left:33%}
    #map .cities .stc p {top:-20%;left:-250%}
    #map .cities .augusta p {top:-90%;left:-123%}
    #map .cities .hermann p {top:90%;left:-120%}
    #map .cities .jeff p {top:-30%;left:-300%}
    #map .cities .roch p {top:-100%;left:-63%}
    #map .cities .sedalia p {top:-110%;left:-120%}
    #map .cities .clinton {top:70.25%;left:2.25%}
    #map .cities .clinton p {top:-170%;left:-50%}
}
@media (max-width: 550px) {
    #map .cities div .circle-border {height:16px;width:16px;border-radius:50%;}
    #map .cities div .circle {height:8px;width:8px;border-radius:50%;top:4px;left:4px}
    #map .cities p {font-size:13px}
    #map .cities .machens p {top:-125%;left:-33%}
    #map .cities .stc p {top:-50%;left:-350%}
    #map .cities .augusta p {top:-130%;left:-123%}
    #map .cities .hermann p {top:80%;left:-120%}
    #map .cities .jeff p {top:0%;left:-440%}
    #map .cities .roch p {top:-135%;left:-63%}
    #map .cities .sedalia p {top:-140%;left:-180%}
    #map .cities .clinton p {top:-170%;left:-50%}
}

#sedalia {background-image:url('/wp-content/themes/visitmo/library/static/highlights/katytrail/sedalia.jpg');background-size:cover;background-position: center center;text-align: center;padding:15% 25% 10% 25%;}
#sedalia p {text-align: left}
#sedalia img {margin-top:35px}
@media (max-width: 800px) {
    #sedalia {padding:15% 15% 10% 15%;}
}    
@media (max-width: 515px) {
    #sedalia {padding:15% 10%;}
    #sedalia img {margin-top:30px}
}    


#rust {box-shadow: 0px 0px 30px black}
#rust div {background-color:#67372a;width:50%;height:100%;position: absolute;top:0;left:100%;background-image:url('/wp-content/themes/visitmo/library/static/highlights/katytrail/missouri.jpg');background-size:auto 90%;
background-position: center center;}
#rust table,#rust table td {height:100%;width:100%;vertical-align: middle}
#rust table td {padding:10% 20%}
@media (max-width: 800px) {
    #rust table td {padding:10% 15%}
    #rust table td p {font-size:11px;}
}    
@media (max-width: 650px) {
    #rust div {width:66%}
    #rust table td {padding:10%}
} 
@media (max-width: 515px) {
    #rust {height:170px}
    #rust div {width:100%}
    #rust table td {padding:5% 10%}
    #rust .bg {height:170px}
}    
@media (max-width: 400px) {
    #rust table p {line-height:165%}
}    

#bridge .credit {bottom:0}

#end img:nth-child(2) {bottom:20%;left:5%;width:23%;position:absolute}
#end .credit {right:5%;bottom:0px;text-align: right}
.full-width .back-to-top {position: absolute;bottom:28%;right:5%;width:47px;cursor: pointer;transition:.3s all}
.full-width .back-to-top:hover {bottom:29%}
@media (max-width: 650px) {
    #end img:nth-child(2) {width:33%;bottom:10%;}
}