nav { background-color: #5db3b0; }
.nav-wrapper ul li a { font-weight: 600; }
.brand-logo img { width: 190px; }
.margin-top10 { margin-top: 10px; }
.margin-top20 { margin-top: 20px; }

.parallax-container { position:relative; }
.parallax-header-bg { position: absolute; width: 100%; height: 170px; opacity:0.5; background-color:#3b6569; bottom:0; }
.parallax-header-bg span { margin-top: 5px; display: none; }
.parallax-container h1 { text-align: center; line-height: 40px; position: absolute; bottom: 45px; left: 0; right: 0; color: #fff; margin: 0; font-weight: 600; font-size: 3.0rem; -webkit-text-stroke: 2px black; color: white; text-shadow: 2px 2px #000; }
.parallax-container img { height:100%; width: auto; }

.section1 { min-height: 100px; margin-bottom: 0; padding-bottom: 20px; background-color: #5eb4b1; }
.section1 h2 { color: #fff; font-size: 2.628rem; line-height: 110%; margin: 1.8rem 0 1.0rem 0; }
.info-list { padding-left: 0; color: #fff; }
.info-list li { list-style-type: none; line-height: 1.5rem; margin-bottom: 10px; }
.cross-main-listings { margin: 30px 0 20px 20px; }
.cross-main-listings li, .main-listings li { color: #fff; list-style-type: circle; padding-left: 5px; font-size: 1.3rem; }
.main-listings { margin: 0 0 20px 20px; }


.section1 .btn { margin-left: auto; margin-right: auto; }
.section2 { min-height: 100px; margin-bottom: 0; padding-bottom: 20px; background: #dcdcdc; font-size: 1.3rem; }
.section2 h2 { font-size: 2.628rem; line-height: 110%; margin: 1.8rem 0 1.0rem 0; }
.section2 ul li { margin-bottom: 10px; }
.section3 { background: #fff; margin-bottom: 0; padding-top: 30px; padding-bottom: 20px; }
.section3 .container { position: relative; }
.section3 h2 { font-size: 2.628rem; line-height: 110%; margin: 0 0 1.0rem 0; }
.section3 .btn-large { border: 3px solid #000; margin-top: 20px; }
.section4 { background: #505149; margin-bottom: 0; padding: 20px 0 50px 0; }
.section4 .container { width: 100%; }
.section4 h2 { font-size: 2.628rem; line-height: 110%; margin: 0 0 1.0rem 0; color: #fff; }
.section4 table { color: #fff; font-size: 1.1rem; }
.section4 table th { width: 70%; }
.section4 table td { width: 30%; }
.section4 .price-table-orange { color: #fe9900; }
.section4 a { color: #fff; }
.section4 a:hover { text-decoration: underline; }

@media (min-width: 480px) {
.parallax-container h1 { bottom: 65px; }
.brand-logo img { width: auto; }
.parallax-header-bg span { display: inline-block; }
}

@media (min-width: 680px) {
.parallax-container h1 { bottom: 65px; line-height: 40px; }
.section2 { text-align: center; }
.section4 .container { width: 70%; }
}

@media (min-width: 992px) {
.parallax-container h1 { bottom: 65px; line-height: 40px; font-size: 3.5rem; }
.parallax-container img { height:auto; width:100%; }
.section3 .btn-large { position: absolute; bottom: 0; right: -20px; } 
}

@media (min-width: 1200px) {
.section1 { background-size: auto; }
.section3 .container { background-position: 90% 20%; background-size: 260px; }
.section3 .btn-large { right: 3%; }
}

@media (min-width: 1500px) {
.section3 .container { background-position: 90% 20%; background-size: 300px; }
.section3 .btn-large { right: 7%; }
}