html,body{width:100%;margin:0;padding:0;background:#fff;font-family:'Open Sans', sans-serif}h2{font-size:36px;margin:16px 0;color:#8bc541}h3.error a{cursor:pointer}a{text-decoration:none;color:#283a7d}a:hover{color:#8bc541}#header{height:670px;z-index:9999}#logo{position:fixed;top:430px;padding:10px;z-index:9999}#headerImg{width:100%;height:500px;background:#8bc541 url("images/beachbg1.jpg") no-repeat top center fixed;z-index:9999}#nav{position:fixed;top:500px;width:100%;height:80px;padding:10px;background:#283a7d;z-index:9999}#navButton{display:none}#nav ul{position:relative;right:0;margin:20px 0 0 437px;padding:0;list-style-type:none}#nav li{display:inline;padding:35px 15px}#nav a{text-decoration:none;font-size:30px;color:#fff}#nav a:hover{color:#8bc541}#main{width:90%;max-width:960px;margin:0 auto}.infoSection{display:inline-block;height:400px;margin-bottom:75px}.infoSection img{position:relative;float:right;max-width:50%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.infoSection:nth-child(even) img{float:left}.infoSection:last-of-type{margin-bottom:0}.infoSection2{position:relative;float:left;width:50%;box-sizing:border-box;padding:0 15px;border-left:#283a7d 2px solid}.infoSection:nth-child(even) .infoSection2{float:right;border-left:none;border-right:#283a7d 2px solid;text-align:right}.contactSection{width:calc(100% - 40px);max-width:600px;margin:0 auto}.contactSection label{display:block;margin:10px 0}.contactSection textarea{min-height:90px;resize:vertical}.contactSection input,.contactSection textarea{display:block;width:100%;border:2px solid #283a7d;padding:5px;box-sizing:border-box;font-size:16px}.contactSection input:focus,.contactSection textarea:focus{border:2px solid #8bc541;outline:none}.contactSection input[type="radio"],.contactSection textarea[type="radio"]{width:0;height:0;margin:0}.contactSection input[type="radio"]+span,.contactSection textarea[type="radio"]+span{display:block;padding:10px 15px;color:#fff;background:#283a7d;transition:color .3s, background .3s}.contactSection input[type="radio"]:checked,.contactSection textarea[type="radio"]:checked{color:blue}.contactSection input[type="radio"]:checked+span,.contactSection input[type="radio"]+span:hover,.contactSection input[type="radio"]+span:focus,.contactSection textarea[type="radio"]:checked+span,.contactSection textarea[type="radio"]+span:hover,.contactSection textarea[type="radio"]+span:focus{color:#fff;background:#8bc541}.contactSection input[type="submit"],.contactSection textarea[type="submit"]{width:auto;border:0;padding:10px 20px;font-size:20px;color:#fff;background:#283a7d;transition:color .3s, background .3s}.contactSection input[type="submit"]:hover,.contactSection input[type="submit"]:active,.contactSection input[type="submit"]:focus,.contactSection textarea[type="submit"]:hover,.contactSection textarea[type="submit"]:active,.contactSection textarea[type="submit"]:focus{background:#8bc541}.contactSection .radioOptions{display:flex;flex-wrap:wrap;justify-content:space-between}.contactSection .radioOptions label{width:calc(50% - 5px);margin:5px 0}@media (max-width: 500px){.contactSection .radioOptions label{width:100%}}.productsCat{width:100%;margin:0 0 20px 0;background-color:#283a7d;border:#283a7d 2px solid}.productsScroll{width:100%;margin:0;padding:5px 0 10px;background-color:#fff}.products{width:200px;height:200px;padding:5px;overflow:hidden;background:#fff}.products:focus{outline:none}.products img{margin:0 auto}.productsCat h3{margin:0;padding:10px;color:#fff}p+.productsCat{margin-top:50px}#footer{width:100%;margin-top:100px;padding:20px 0;text-align:center;background:#283a7d;color:#fff}#footer p{max-width:80%;margin:0 auto}@media (min-width: 0) and (max-width: 549px){h2{margin:10px 0;font-size:28px}#header{height:260px;-webkit-transition:height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease}#headerImg{height:180px;background-size:auto 180px}#nav{top:180px;height:40px}#navButton{display:inline;float:right;width:24px;height:24px;margin:8px 30px;background:url("images/nav24.svg") no-repeat top center;cursor:pointer}#nav ul{width:100%;height:150px;margin:70px 0 0;text-align:center}#nav li{display:none;padding:10px}#nav a{font-size:18px}#logo{height:100px;top:140px}.infoSection{height:auto;margin:0 0 30px}.infoSection img{display:block;float:none;max-width:80%;margin:20px auto 0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.infoSection:nth-child(even) img{float:none;margin:20px auto 0}.infoSection2{width:100%;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@media (min-width: 550px) and (max-width: 744px){h2{font-size:28px}#header{height:310px}#headerImg{height:230px;background-size:auto 230px}#nav{top:230px;height:40px}#nav ul{margin-top:8px}#nav li{padding:35px 5px}#nav a{font-size:18px}#logo{height:90px;top:200px}.infoSection{width:100%;height:auto;margin:0 0 30px}.infoSection img{display:block;float:none;max-width:80%;margin:20px auto 0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.infoSection:nth-child(even) img{float:none;margin:20px auto 0}.infoSection2{width:100%;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@media (min-width: 745px) and (max-width: 1035px){#header{height:500px}#headerImg{height:380px;background-size:auto 380px}#nav{top:380px;height:60px}#nav ul{margin-top:15px}#nav li{padding:35px 10px}#nav a{font-size:22px}#logo{height:129px;top:335px}}@media (min-width: 681px) and (max-width: 780px){.infoSection img{max-width:40%}.infoSection2{width:60%}}