@charset "UTF-8";
/* CSS Document */

/*Fonts*/
@import url("https://use.typekit.net/vyj2rfk.css");

*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:smooth;font-size:16px;line-height:1.4;font-family: proxima-nova, sans-serif;}
body{font-size:1em;line-height:1.4;margin:0;padding:0;color:#FFF; background-color: #020a31; background-image: url("bkgd.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center top;}
body.event {background-image: url("bkgd-event.jpg");}
a, a:visited {color: #FFF; text-decoration: underline;transition: .5s;}
a:hover {color: #F4861F; text-decoration: none}
.wrapper {margin: 0 auto; padding: 0; max-width: 1040px;}
.logo {text-align: center;}
.logo img {margin: 60px auto 40px; max-width: 200px; }
.content {display: flex; align-items: stretch; box-shadow: 0 0 15px 0 rgba(0,0,0,.4); margin: 20px}
.content-left, .content-right {padding: 40px 40px 100px; width: 50%; position: relative;}
.content-left {background-color: #FFF; color:#0061AA}
.content-right {background-color: #F4861F; color: #FFF;}
.content-left a, .content-left a:visited {color: #0061AA;}
.content-left a:hover {color: #F4861F;}
.content-right a, .content-left a:visited {color: #FFF;}
.content-right a:hover {color: #0061AA;}
a.tel {white-space: nowrap; text-decoration: none;}
h2 {margin: 0 0 10px;font-size: 24px; line-height: 1.2; font-weight: 700; max-width: 90%}
p {margin: 0 0 10px;}
form {margin: 15px 0 0; padding: 0;}
input[type=text], input[type=email], input[type=password] {padding: 10px; border: 1px solid #CCC; border-radius: 1px; width: 90%; margin: 0 0 10px}
button, .btn {padding: 10px 12px; border: 1px solid #F4861F; border-radius: 1px; background-color: #F4861F; color: #FFF; font-weight: bold; margin: 0 0 30px; font-size: 16px; text-transform: uppercase; cursor: pointer; text-decoration: none; display: inline-block; transition: .5s;}
button.btn-blu, .btn.btn-blu {background-color: #0061AA; border-color:#0061AA; color: #FFF;}
button.btn-wht, .btn.btn-wht {background-color: #FFF; border-color:#FFF; color: #F4861F;}
button:hover, .btn:hover, button.btn-blu:hover, .btn.btn-wht:hover {background-color: #0061AA; border-color:#0061AA; color: #FFF;}
.btn.btn-blu:hover, button.btn-wht:hover {background-color: #FFF; border-color:#FFF; color: #0061AA;}
.content-left .btn.btn-blu:hover, .content-left button.btn-wht:hover {background-color: #F4861F; border-color:#F4861F; color: #FFF;}
.content-right .btn {margin-top: 10px;}
.lowerContent { position: absolute; left: 40px; bottom: 40px; padding-right: 40px; width: 90%;}
@media (max-width:900px) {
	.logo img {margin: 30px auto 10px;}
	h2 {max-width: 100%;}
}
@media (max-width:700px) {
	.logo img {margin: 20px auto 0; max-width: 180px}
	.content {display: block;}
	.content-left, .content-right {width: 100%; padding-bottom: 40px;}
	.lowerContent { position: relative; left: 0; bottom: 0; width: auto; margin-top: 20px;}
}