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

  #reel {overflow: hidden}

#reel p {
    padding: 0 10%;
    line-height: 170%;
    font-size: 17px;
    margin-bottom: 20px;
    color: #333333;
    font-family: Museo300, serif;
  }
  @media (max-width: 1100px) {
      p {font-size:15px}
  }  
@media (max-width: 800px) {
    p {font-size:13.5px;padding:0 5%}
}   
@media (max-width: 550px) {
    p {font-size:12px;padding:0 5%}
}    
a {font-weight: bold}
.gotham {font-family: GothamBook,sans-serif !important;}
.museo {font-family: Museo300,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: #000 url(../jpg/onandaga.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh !important;
  }
  .landing .credit {position: absolute;left:2%;font-size:11px}
  .credit {position: absolute;font-size:11px;color:#fff;padding:0;margin:0;left:2%;bottom:1%}
  @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: 190px;max-width:500px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  @media (max-width: 1550px) {
    .landing .logo img {margin-top:90px}        
  }    
  @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 .logo img {
        margin-top:40px;
    }  
    .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;
  }

    .content-section table {
      z-index:1;
    }

.bg {width:100%;}

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

  #sunset {background-color: #000;padding-bottom:50px}
  #sunset table {height:100%;width:50%;position: absolute;top:0;z-index: 4}
  #sunset table td {height: 100%;width:100%;vertical-align: middle;}
  #sunset table p {padding:0 0 0 20%;color:#fff}
  #sunset table span {font-size:24px}
  #sunset table p a {color:#db6d14}
  #sunset .credit {bottom:auto;top:2%}
  #sunset .caves6300 {right:25%;bottom:35%;position: absolute;z-index:2}
  #sunset .MOoutline {right:0;bottom:12%;position: absolute;z-index:3}
  #sunset .licenseplate {right:12%;bottom:2%;position: absolute;z-index: 4}
  #sunset .right {-webkit-transform: translateX(250%);transform: translateX(250%);}
  @media (max-width: 1100px) {
    #sunset .bg {width:120%;margin-left:-10%}
    #sunset .caves6300 {width:auto}
    #sunset .MOoutline {width:15%}
    #sunset .licenseplate {width:20%}
}  
@media (max-width: 900px) {
    #sunset .bg {width:135%;margin-left:-16%}
} 
@media (max-width: 700px) {
      #sunset {padding-bottom:150px}
      #sunset .bg {width:150%;margin-left:-25%}
      #sunset table {background-color: rgba(0,0,0,.5);top:10%}
      #sunset .MOoutline {bottom:18%;width:18%}
      #sunset table p {padding:15px 10px 15px 35px}
    }   
  @media (max-width: 550px) {
    #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%}
    #sunset .right {display: none}
}    

#cave {background-color:black}
#cave img:nth-child(1) {position:relative;z-index: 1}
#cave img:nth-child(2) {position:absolute; top:-200px;margin-top:-250px;left:0;z-index: 2}
#cave .credit {color:#fff;z-index: 9}
@media (max-width: 1500px) {
    #cave img:nth-child(2) {margin-top:-150px}
}
@media (max-width: 1100px) {
    #cave img:nth-child(2) {margin-top:-125px}
}
@media (max-width: 800px) {
    #cave img:nth-child(2) {margin-top:0;top:-100px}
}
    
#onandaga {background-color: #000;padding:5% 0}
#onandaga .green {background: radial-gradient(#0e382a, #000);position: relative;height:100%;width:45%;z-index: 0}
#onandaga .green img:nth-child(1) {width: 100%;}
#onandaga .green img:nth-child(2) {position: absolute;bottom:0;width:100%;left:0}
#onandaga table {height:80%;width:42%;position: absolute;top:20%;right:8%}
#onandaga table td {height: 100%;width:100%;vertical-align: middle;}
#onandaga table p {padding:35px;color:#fff;}
#onandaga .imgleft {position: absolute;top: 5%;left: 10%; height:90%;z-index: 5}
#onandaga .imgleft img {height:100%}
#onandaga .imgright{position: absolute;top: 0;right:0; width:50%;}
@media (max-width: 600px) {
    #onandaga .green {width:95%;}
    #onandaga .imgleft {height:auto;width:50%;left:25%;top:15%}
    #onandaga .imgleft img {height:auto;width:100%}
    #onandaga .imgright {position:static;width:100%;margin-top:35px}
    #onandaga table {width:90%;top:80%;z-index: 7}
}
@media (max-width: 400px) {
    #onandaga table {width:90%;top:50%;z-index: 7}    
}   

#meramec {background-color: #000;padding:50px 0 120px 0}
#meramec .blue {background: radial-gradient(#14073a, #000);position: relative;height:100%;width:45%;z-index: 0}
#meramec .blue img:nth-child(1) {width: 100%;-webkit-transform:scale(-1,1);transform:scale(-1,1)}
#meramec .blue img:nth-child(2) {position: absolute;bottom:0;width:100%;left:0;-webkit-transform:scale(-1,1);transform:scale(-1,1)}
#meramec table {height:80%;width:42%;position: absolute;top:20%;left:8%}
#meramec table td {height: 100%;width:100%;vertical-align: middle;}
#meramec table p {padding:35px;color:#fff;}
#meramec .imgright {position: absolute;top: 0;right:0; width:40%;}
#meramec .imgright img {width:100%;}
#meramec .credit {left:auto;right:2%;}
#meramec .imgbottom {width:80%;text-align: center;height:auto;position: relative;margin-top: 10%}
#meramec .imgbottom img {padding: 0 4%;width: 41%}
#meramec .imgbottom .credit:nth-child(3) {left:4%;width:80px}
#meramec .imgbottom .credit:nth-child(4) {right:2%;width:100px}
@media (max-width: 1200px) {
    #meramec table {top:10%}
}
@media (max-width: 1000px) {
    #meramec table {top:0}
}
@media (max-width: 800px) {
    #meramec .imgbottom img {width:90%;padding:35px 5%}
}
@media (max-width: 800px) {
    #meramec table {width:52%;}
    #meramec .imgbottom img {width:90%;padding:35px 5%}
    #meramec .imgbottom .credit:nth-child(3) {top:45%;bottom:auto}
}
@media (max-width: 600px) {
    #meramec .blue {width:95%;}
    #meramec .imgright {position:relative;width:95%}
    #meramec table {width:90%;top:10%}
}

#marvel {background-color: #000;}
#marvel table {height:80%;width:42%;position: absolute;top:20%;right:8%;-webkit-transform: translateX(-150%);transform: translateX(-150%);}
#marvel table td {height: 100%;width:100%;vertical-align: middle;}
#marvel table p {padding:35px;color:#fff;background-color:rgba(0,0,0,.5);}
#marvel .credit {bottom:2%;right:2%;left:auto}
#marvel .overlay {position: absolute;top:0;left:0}
@media (max-width: 800px) {
    #marvel table {width:50%;right:0}
}
@media (max-width: 600px) {
    #marvel table {height:100%;top:0}
}
@media (max-width: 400px) {
    #marvel table {height:auto;top:auto;left:auto;width:100%;position: static}
    #marvel .credit {bottom:auto;top:52%;}
}


#fantastic {padding:5% 0;background-color:#d4d4d4;background-image: url('../jpg/jeep.jpg');background-size: auto 110%;background-position: right center;text-align: center;}
#fantastic table {height:auto;width:80%;margin-left:10%;}
#fantastic table td {height: 100%;width:100%;vertical-align: middle;}
#fantastic table p {padding:35px;color:#000;text-align: left}
#fantastic .name {margin-left:55%;width:25%;max-width: 500px;opacity:.35;margin-top:40px}
#fantastic .stalactite {width:15%;position: absolute;top:35%;left:5%}
#fantastic .stalagmite {width:15%;position: absolute;bottom:5%;left:5%}
@media (max-width: 1300px) {
    #fantastic .stalactite {top:40%;left:2.5%}
    #fantastic .stalagmite {left:2.5%}
}
@media (max-width: 1100px) {
    #fantastic {background-size:auto 125%}
    #fantastic img {width:60%;}
    #fantastic .stalactite {top:45%;left:1.5%}
    #fantastic .stalagmite {left:1.5%}
}
@media (max-width: 800px) {
    #fantastic .name {width:50%;margin-left:0}
    #fantastic .stalactite,#fantastic .stalagmite {display: none;}
}

#marktwain {background-color:#000}
#marktwain img {width:40%;}
#marktwain img:nth-child(1) {height:100%;}
#marktwain img:nth-child(2) {float:right;}
#marktwain table {height:100%;width:33%;position: absolute;top:0%;left:33%}
#marktwain table td {height: 100%;width:100%;vertical-align: middle;}
#marktwain table p {padding:35px;color:#fff;background-color:rgba(0,0,0,.5);}
@media (max-width: 1200px) {
    #marktwain table {width:45%;left:28%}
}
@media (max-width: 1000px) {
    #marktwain table {width:55%;left:23%}
}
@media (max-width: 800px) {
    #marktwain img {width:50%;height:auto}
}
@media (max-width: 550px) {
    #marktwain img:nth-child(1) {width:100%;height:auto}
    #marktwain img:nth-child(2) {width:50%;height:auto}
    #marktwain table {height:auto;width:50%;position: static;}
}
@media (max-width: 390px) {
    #marktwain img:nth-child(2) {width:100%;height:auto}
    #marktwain table {height:auto;width:100%;position: static;}
}

    
#quote {background-color:#fff;height:70vh}
#quote table,#quote table td {width:100%;height:100%;text-align: center;vertical-align: middle}
#quote table {height:90%}
#quote p {line-height: 200%;margin:auto;color:#a97533;font-size:23px;}
#quote p span {font-family:helvetica,sans-serif!important;font-size:14px;letter-spacing:4px}
#quote img {margin-bottom:20px}
@media (max-width: 700px) {
    #quote table {width:80%;margin-left:10%}
}

#smallin {background-color:#203d77;line-height: 0}
#smallin .smallin {width:55%;height:100%;background-image:url(../jpg/walking-in-cave.jpg);background-size:cover;background-position:center center;display:inline-block}
#smallin .civilwar {position: absolute;bottom:-15%;width:20%;left:40%;z-index: 5}
#smallin table {height:auto;width:44%;float:right;text-align:center;background-color:#203d77;display:inline-block}
#smallin table td {height: 100%;width:100%;vertical-align: middle;}
#smallin table .flag {padding-top:35px}
#smallin table p {padding:0 15% 35px 15%;color:#fff;text-align: left}
@media (max-width: 1500px) {
    #smallin table p {padding:0 10% 35px 10%;}
}
@media (max-width: 920px) {
    #smallin table p {padding:0 5% 35px 5%;}
    #smallin .civilwar {width:25%;left:34%}
}
@media (max-width: 600px) {
    #smallin .smallin {width:100%;display: block}
    #smallin table {width:100%;left:0;display:block;float:none;}
    #smallin .civilwar {width: 35%;right: 3%;top: 10%;left: auto}
    #smallin table p {padding:0 15% 35px 15%;}
}
@media (max-width: 390px) {
    #smallin .civilwar {width: 40%;right: 3%;top: 15%;left: auto}
}

#p1 {background-color:#fff;padding:10%;}
#p1 table,#p1 table td {width:100%;height:100%;text-align: left;vertical-align: middle}
#p1 p {line-height: 200%;color:#000;}
@media (max-width: 800px) {
    #p1 {padding:20% 15% 15% 15%}
}

#end {position: relative;z-index: 4}
#end .credit {right:2%;text-align: right}
.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%}