/**Compressed Version of CSS Styles for Great Lakes Boat Co Website by Dotcom Designs**/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body, p, header, aside, section, article, h1, h2, h3, nav, div, footer{padding:0;margin:0;font:inherit;} p {font-size:110%;}body{font-family:'Montserrat',sans-serif;overflow-x:hidden;} ul{list-style:none;} a{text-decoration:none;} a, a:link, a:visited {color:#fff;} html{scroll-behavior:smooth;} #wrapper{width:100%;text-align:center;} .mobilehero, .mobilenav,#mobile-header {display:none;} 
img {max-width: 100%;}
.promobar{width:100%;color:#fff;background: #00293c; background: linear-gradient(to right, #103c4d, #072933);}
.promobar p {width: 85%; margin: 0 auto; line-height: 1.75; padding: 3em 0; font-size: 14px;}
.credit-notice {font-weight: 700; font-size: 20px; letter-spacing: .65px;}
.mobilebr {display:none;}
.desktopnav{margin:0;padding:1.75em 0 1.35em;border-top: 10px solid #00293c;} .desktopnav ul li{display:inline;font-size:100%;padding:0 1.25%;}.desktopnav ul li a{color:#00293c;font-weight:700;line-height:200%;padding:.5% 0;background-image:linear-gradient(#00293c, #00293c);background-size:0 5px;background-repeat:no-repeat;background-position:center bottom;transition:all .4s ease-out;} .desktopnav ul li a:hover{color:#1e656d;background-size:60% 5px;}
.desktophero{width:100%;height: 73vh; position: relative; background-position: center; background-size: cover;
  animation: rotateBackground 24s infinite; animation-timing-function: ease-in-out;}
  .desktophero::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.35); 
  z-index: 1;
}
@keyframes rotateBackground {
  0%   { background-image: url('../images/1.jpg'); }
  25%  { background-image: url('../images/2.jpg'); }
  50%  { background-image: url('../images/3.jpg'); }
  75%  { background-image: url('../images/4.jpg'); }
  100% { background-image: url('../images/1.jpg'); }
}
.hero-container {color: #fff; margin: 0;
  width: 70%;
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);}
.headline {font-family: 'Merriweather', serif; font-size: 46px; margin-top: 1em; letter-spacing: 0.2px; line-height: 1.4;}

.blt, .blt2{padding:0 1em;} 

span{font-weight:bold;}h2{font-size:300%;color:#00293c;font-weight:400;letter-spacing: 2px;padding-bottom:2%;} h2 em{font-style:normal;font-weight:700;} h4{padding-top:20%;line-height:1.07;font-weight:600;font-size:80%;} 
h5{color: #fff; font-size:.85em; text-shadow: 1px 1px #272727; letter-spacing: 1px; padding:.25em .5em;}.contactcolumn h6{font-weight:700;font-size:175%;} h6 {color:#fff;font-size:65%;line-height:1;padding-top:1em;font-weight:600;} 
section {margin:0;border-collapse:collapse;}


.section1,.section2, .section3 {
	margin: 12% 0;
}
.section2 {background: #00293c; background: linear-gradient(to right, #103c4d, #072933); color: #fff; padding: 10% 0;}
.section2 h2, .section2 p {color: #fff;}
.yamaha {display:flex; align-items: center;}
.yamaha {font-size: 24px;}
.yamaha p {margin-right: 20px;}
.yamaha img {max-width: 675px; height: auto;}
.caps {font-family: 'Merriweather', serif; font-size: 38px; font-weight: 400; margin-top: 1em; letter-spacing: 0.2px; line-height: 1.4;}
.row, .creditrow{width:86%;margin:2% auto 0;display:flex;justify-content:center;} .creditrow {margin-top:6%;} .container::after, .row::after, .creditrow::after{content:"";clear:both;display:table;} .column{width:30%;padding:0 2%;} .col-25 {width:25%;}.container{position:relative;width:100%;z-index:1;} .container:focus .overlay {opacity:1;} .container:hover .overlay {opacity:1;} .container:active .overlay {opacity:1;} .image{display:block;width:100%;height:auto;border:3px solid #1e656d;box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.6);} .overlay {position:absolute;top:0;bottom:0;background:rgb(0, 0, 0);background-color:rgba(30,101,109,.9);border:3px solid #1e656d;width:100%;transition:.5s ease;opacity:0;font-size:200%;text-align:center;transition:all .85s ease-out;} 

.overlay p {color:#fff; font-size: .6em;}.overlay a{color:#fff;font-size:106%;font-style:italic;font-weight:600;line-height:2;transition:all .85s ease-out;} .overlay a:hover{color:#00293c;} 









 .overlayred, .overlayblue{position:absolute;top:0;bottom:0;background:rgb(0, 0, 0);border:3px solid #1e656d;width:100%;font-size:200%;text-align:center;transition:all .85s ease-out;}.overlayblue{background-color:rgba(0, 41, 60, .65);} .overlayred{background-color: rgba(151, 12, 16, .65);}.overlayblue:hover{background-color:rgba(0, 41, 60, .95);} .overlayred:hover{background-color:rgba(187, 21, 21, .95);} .overlayred a, .overlayblue a{color:#f4f4f4;font-size:150%;font-weight:400;text-shadow:1px 1px #272727;transition:all .85s ease-out;}
.creditbtn{width: 25%;min-width:300px;font-size:125%;color:#fff;text-shadow:1px 1px #000;background-color:#00293c;background-color: rgba(0,41,60,.65);background-image: linear-gradient(to right, rgba(0,41,60,.8), rgba(0,41,60,.8),rgba(0,41,60,.5),rgba(0,41,60,.6),rgba(0,41,60,.8));color: #fef3f8; padding:1em 0;font-weight:700;letter-spacing:1.5px;border:3px solid #1e656d;border-radius:6px;transition:all .85s ease-out;display:inline-block;} .creditbtn:hover {background-color:rgba(151, 12, 16, .85);background-image:none;color:#f4f4f4;border:3px solid #1e656d;font-weight:700;box-shadow:3px 3px 12px 4px #ccc;}
footer{padding:2%;    background: #00293c;background: linear-gradient(to right, #103c4d, #072933);color:#f4f4f4;clear:both;} .section6 {margin-bottom:0;} .contactrow{display:flex;margin:0 8%;} .contactcolumn{width:100%;padding:2%;} .contactcolumn p{padding-top:5%;color:#f4f4f4;} .contactcolumn a{color:#f4f4f4;} .follow{font-size:125%;} small{font-size:90%;}	
	
@media only screen and (min-width:1900px) {.desktophero{height: 75vh;}}
@media only screen and (min-width:1921px){h2{font-size:265%;padding-top:0;} .row{width:70%;margin:2% 15%;}footer p {font-size:120%;}
}

@media only screen and (min-width:1900px) and (max-width:1921px){.desktopnav ul li{font-size:120%;padding:0 1.75%;} h2{font-size:375%;padding-top:0;} h4 {width:70%;margin-left:15%;}.row{width:70%;margin:2% 15%;}.overlay a{line-height:1.5;}
}

@media only screen and (max-width:1280px) {.desktopnav ul li a{font-size:15px;} .headline {font-size: 40px;} .credit-notice {font-size: 15px;}.contactcolumn h6{font-size:140%;} .follow {font-size: 90%;}}
@media only screen and (min-width:1001px) and (max-width:1199px){ .row{width:90%;margin:2% 5%;} .mobilenav a{color:#f4f4f4;}h4{font-size:70%;}.s4txt{width:50%;float:left;} .contactcolumn h6 {font-size: 140%;} p {font-size:100%;}
#menuToggle{display:block;position:absolute;top:10px;left:4vw;z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5% 2% 0 2%;}
#menuToggle input{display:block;width:100%;height:100%;position:absolute;top:0;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none;} #menuToggle span{display:block;width:85px;height:8.5px;margin-bottom:10px;position:relative;background:#1e656d;border-radius:2px;z-index:2;transform-origin:-13px 2px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;} #menuToggle span:first-child{transform-origin:0% 0%;} #menuToggle span:nth-last-child(2){transform-origin:0% 100%;} #menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-9px, -15px);background:#1e656d;} #menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);} #menuToggle input:checked ~ span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(-9px, 9px);}
#menu{position:absolute;width:425%;margin:-175% 0 0 -80%;padding:0;padding-top:185%;text-align:center;background:#00293c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li{padding:3.5% 2%;font-size:140%;} #menu li:hover,
#menu li:hover, #menu li:focus, #menu li:active{background-color:#1e656d;color:#e1e2dd;} #menuToggle input:checked ~ ul{transform:none;}
}
@media only screen and (max-height:600px){ .headline {font-size: 34px;}}
@media only screen and (min-height:900px) {.desktophero{height: 78vh;}}