body{background:#eee;margin:0;padding:0;height:100%;font-family:helvetica,arial,sans-serif;}
img{position:absolute;max-width:100%;min-height:100%;border:0;}
header{background:#081432;padding:5vw;margin:0;overflow:hidden;border-bottom:2vw solid #3D465E;color:#fff;}
nav{display:none;}
#logo{display:inline-block;position:relative;width:50vw;height:0;padding:0 0 17.39583vw;}
#main{padding:5vw;border-top:2vw solid #63CADB;}
#mobile-menu{display:inline-block;position:relative;width:20vw;height:0;padding:0 0 20vw;margin:0 0 0 18vw;}
#mobile-sub{list-style-type:none;margin:0;padding:0;border-top:0.1vw solid #ddd;display:none;}
#mobile-sub li{display:block;padding:5vw 10vw;border-bottom:0.1vw solid #ddd;background:#fff;}
#mobile-sub li a:link{margin:-5vw -10vw;padding:5vw 10vw;display:block;font-size:4vw;font-weight:bold;color:#081432;text-transform:uppercase;cursor:pointer;}
#mobile-sub li a:visited{margin:-5vw -10vw;padding:5vw 10vw;display:block;font-size:4vw;font-weight:bold;color:#081432;text-transform:uppercase;cursor:pointer;}
#mobile-sub li a:hover{margin:-5vw -10vw;padding:5vw 10vw;display:block;font-size:4vw;font-weight:bold;color:#081432;text-transform:uppercase;cursor:pointer;}
#welcome{font-size:3vw;display:block;margin:3vw 0 0;text-align:center;}
.menu-end a:link{border-right:0;}
/* Tablets */
@media only screen and (min-width : 640px) {
header{border-bottom:1.5vw solid #3D465E;}
#logo{width:40vw;padding:0 0 13.9167vw;}
#main{padding:5vw 20vw;border-top:1.5vw solid #63CADB;}
#mobile-menu{width:15vw;padding:0 0 15vw;margin:0 0 0 33vw;}
#mobile-sub li a:link{margin:-5vw -10vw;padding:5vw 10vw;font-size:3vw;}
#mobile-sub li a:visited{margin:-5vw -10vw;padding:5vw 10vw;font-size:3vw;}
#mobile-sub li a:hover{margin:-5vw -10vw;padding:5vw 10vw;font-size:3vw;}
#welcome{font-size:2.2vw;margin:2.2vw 0 0;}
}@media only screen and (min-width : 768px) {
header{padding:2vw;border-bottom:1vw solid #3D465E;}
nav{display:block;text-align:right;width:75vw;font-size:1.2vw;}
nav a:link{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;padding:0.5vw 0.9vw;}
nav a:visited{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;padding:0.5vw 0.9vw;}
nav a:hover{text-decoration:none;color:#63CADB;font-weight:bold;text-transform:uppercase;padding:0.5vw 0.9vw;}
#head-menu{display:inline-block;width:75vw;vertical-align:top;}
#logo{width:20vw;padding:0 0 6.9583vw 0;}
#main{padding:2vw 24vw;border-top:1vw solid #63CADB;}
#mobile-menu{display:none;}
#welcome{font-size:1.6vw;margin:0 0 3vw;text-align:right;}
.menu-end a:link{padding:0.5vw 0 0.5vw 0.9vw;}
.menu-end a:visited{padding:0.5vw 0 0.5vw 0.9vw;}
.menu-end a:hover{padding:0.5vw 0 0.5vw 0.9vw;}
/* Large Devices, Wide Screenws */
}@media only screen and (min-width : 960px) {
header{padding:0.5vw 20vw;border-bottom:0.25vw solid #3D465E;}
nav{width:50vw;font-size:0.8vw;}
nav a:link{padding:0.25vw 0.5vw;}
nav a:visited{padding:0.25vw 0.5vw;}
nav a:hover{padding:0.25vw 0.5vw;}
#container{display:flex;flex-flow:column;height:100vh;}
#head-menu{width:50vw;}
#logo{width:8vw;padding:0 0 2.783vw;}
#main{flex:1;display:flex;flex-flow:column;padding:2vw 21vw;overflow:auto;border-top:0.25vw solid #63CADB;}
#welcome{font-size:1vw;margin:0 0 1vw;}
}@media only screen and (min-width : 1440px) {
nav{font-size:0.6vw;}
#welcome{font-size:0.8vw;margin:0 0 1vw;}
}footer{background:#3D465E;border-top:2vw solid #63CADB;}
#foot-left{margin:0;}
#foot-right{margin:2vw 0 0 0;}
#foot-right a:link{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;}
#foot-right a:visited{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;}
#foot-right a:hover{text-decoration:none;color:#63CADB;font-weight:bold;text-transform:uppercase;}
#footbot{font-size:2vw;color:#fff;padding:5vw;background:#081432;overflow:hidden;}
#footnav a:link{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;padding:5vw 10vw;display:block;border-bottom:0.25vw solid #ddd;}
#footnav a:visited{text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;padding:5vw 10vw;display:block;border-bottom:0.25vw solid #ddd;}
#footnav a:hover{background:#6D7486;text-decoration:none;color:#63CADB;font-weight:bold;text-transform:uppercase;padding:5vw 10vw;display:block;border-bottom:0.25vw solid #ddd;}
#footnav p{font-size:3vw;margin:0;}
/* Tablets */
@media only screen and (min-width : 640px) {
footer{border-top:1.5vw solid #63CADB;}
#foot-left{display:inline-block;width:50vw;}
#foot-right{display:inline-block;width:40vw;margin:0;text-align:right;}
#footbot{font-size:1.6vw;}
#footnav{padding:5vw;}
#footnav a:link{padding:0;display:inline-block;border-bottom:0;margin:0 1.5vw 0 0;}
#footnav a:visited{padding:0;display:inline-block;border-bottom:0;margin:0 1.5vw 0 0;}
#footnav a:hover{background:none;padding:0;display:inline-block;border-bottom:0;margin:0 1.5vw 0 0;}	
#footnav p{font-size:1.25vw;}
}@media only screen and (min-width : 768px) {
footer{border-top:1vw solid #63CADB;}
#footbot{font-size:1.2vw;}
#footnav a:link{margin:0 2vw 0 0;}
#footnav a:visited{margin:0 2vw 0 0;}
#footnav a:hover{margin:0 2vw 0 0;}	
#footnav p{font-size:1vw;}
/* Large Devices, Wide Screens */
}@media only screen and (min-width : 960px) {
footer{border-top:0.25vw solid #63CADB;}
#foot-left{width:37vw;}
#foot-right{width:16vw;margin:0;}
#footbot{font-size:0.6vw;padding:2vw 23vw;}
#footnav{padding:2vw 23vw;}
#footnav a:link{margin:0 1vw 0 0;}
#footnav a:visited{margin:1vw 0 0;}
#footnav a:hover{margin:0 1vw 0 0;}	
#footnav p{font-size:0.7vw;}
}@media only screen and (min-width : 1440px) {
#footbot{font-size:0.6vw;}
#footnav p{font-size:0.6vw;}
}a:link{text-decoration:none;color:#081432;}
a:visited{text-decoration:none;color:#081432;}
a:hover{text-decoration:none;color:#6E6EA8;}
fieldset{border:0;padding:0;margin:0;}
fieldset p{color:#081432;font-size:2vw;}
form{width:76vw;margin:10vw auto;background:#fff;border-radius:2vw;padding:5vw;}
form h1{color:#081432;font-size:6vw;margin:0;}
form p{color:#081432;font-size:3vw;display:block;}
label{color:#081432;margin:5vw 0 1vw 0;display:block;font-weight:bold;font-size:3vw;}
input[type=text]{border:0;border-radius:1vw;background:#eee;padding:2vw 1vw;width:74vw;}
input[type=password]{border:0;border-radius:1vw;background:#eee;padding:2vw 1vw;width:74vw;}
input[type=submit]{border:0;border-radius:1vw;background:#081432;padding:4vw 1vw;width:76vw;color:#fff;cursor:pointer;}
input[type=submit]:hover{background:#6E6EA8;}
select{border:0;background:#eee;}
#eul{background:#d00;color:#fff;font-weight:bold;margin:0 0 5vw;padding:0 3vw 3vw 3vw;font-size:2vw;}
#eul li{margin:0 0 0 5vw;padding:1vw 0 0 0;}
.error{background:#d00;color:#fff;text-align:center;font-weight:bold;margin:0;padding:3vw;font-size:2vw;width:auto;}
.error_alt{background:#d00;color:#fff;text-align:center;font-weight:bold;margin:0;padding:3vw 3vw 1vw;font-size:2vw;width:auto;}
.good{background:#090;color:#fff;text-align:center;font-weight:bold;margin:0;padding:3vw;font-size:2vw;width:auto;}
.last-field{margin:0 0 5vw 0;}
@media only screen and (min-width : 640px) {
fieldset p{font-size:2vw;}
form{width:60vw;border-radius:1.4vw;padding:5vw;margin:8vw auto;}
form h1{font-size:4vw;margin:0;}
form p{font-size:2vw;}
label{margin:3vw 0 1vw 0;font-size:2vw;}
input[type=text]{width:58vw;}
input[type=password]{width:58vw;}
input[type=submit]{width:60vw;padding:3vw 1vw;}
select{border:0;background:#eee;}
#eul{margin:0 0 3vw;padding:0 3vw 2vw 3vw;font-size:1.6vw;}
.error{font-size:1.6vw;}
.error_alt{font-size:1.6vw;}
.good{font-size:1.6vw;}
.last-field{margin:0 0 3vw 0;}
}@media only screen and (min-width : 768px) {
fieldset p{font-size:1.6vw;}
form{width:44vw;border-radius:1vw;padding:3vw;margin:5vw auto;}
form p{font-size:1.6vw;}
label{margin:2vw 0 0.75vw 0;font-size:1.6vw;}
input[type=text]{width:42vw;padding:1.5vw 1vw;}
input[type=password]{width:42vw;padding:1.5vw 1vw;}
input[type=submit]{width:44vw;padding:2.5vw 1vw;}
select{border:0;background:#eee;}
#eul{margin:0 0 2vw;padding:0 2vw 2vw 2vw;font-size:1.4vw;}
.error{font-size:1.4vw;}
.error_alt{font-size:1.4vw;}
.good{font-size:1.4vw;}
.last-field{margin:0 0 2vw 0;}
}@media only screen and (min-width : 960px) {
form{width:20vw;margin:auto;padding:1vw;border:0.1vw solid #ddd;}
form h1{font-size:1.6vw;margin:0;}
form p{font-size:0.8vw;}
fieldset p{font-size:0.7vw;margin:1vw 0 0 0;}
label{margin:1vw 0 0.25vw 0.25vw;font-size:0.8vw;}
input[type=text]{padding:0.5vw;border-radius:0.25vw;width:19vw;}
input[type=password]{padding:0.5vw;border-radius:0.25vw;width:19vw;}
input[type=submit]{padding:0.75vw 1vw;border-radius:0.25vw;width:20vw;}
select{padding:0.5vw;border-radius:0.25vw;width:20vw;}
.error{padding:1vw;margin:0 0 1vw 0;font-size:0.7vw;width:18vw;}
.error_alt{padding:1vw 1vw 0.5vw 1vw;font-size:0.7vw;width:18vw;}
.good{padding:1vw;margin:0 0 1vw 0;font-size:0.7vw;width:18vw;}
#eul{margin:0;padding:0 5vw 1vw;width:10vw;font-size:0.7vw;display:block;}
#eul li{margin:0 0 0.5vw 0;}
.last-field{margin:0 0 1vw 0;}
}