/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*-----BODY -----*/
body {
    font-family: 'Quicksand', sans-serif;
	font-size: 16px;
}


/*-----HEADER -----*/
header {padding: .5rem 2vw; background-color: #efefef;}
header img {float: left; margin-right: 2vw;}
header h1 {
	font-size:1.5rem;
	padding: 1rem 0 .2rem 0;
    color: #0c2657;
	}
header h2 {
	font-size:1rem;
	padding: 0;
    color: #0c2657;
	}

/*-----NAVigation -----*/
nav {
    background-color: #781126; 
    position:relative; 
    height: 44px;
    width: 100%;
}
nav button {
        margin: .2rem 2vw;
        background: transparent;
        border: none;
        font-size: 1.5rem;
        color: #fff;
    }


nav ul {
    margin: 0;
    padding: 0;
    background-color: #0c2657;
    position:absolute;
    top: 44px;
    left: 2vw;
    z-index: 999;
    }
nav ul li{
        list-style-type: none;
    }
nav ul li a {
        display: block;
        padding: .8rem;
        text-decoration: none;
        color: white;
        border-top: 1px solid rgba(0,0,0,0.5);
    }
nav ul li a:hover {background-color: rgba(0,0,0,0.4);}

nav ul li.active a {color: #fff; background-color: rgba(0,0,0,0.3);}

nav ul li a:hover {background-color: rgba(0,0,0,0.4);}

nav ul.hide{display: none;}
/* end nav */




/*-----MAIN -----*/
main{
    display: block; 
    margin: 0; 
    padding: 0; 
    line-height: 0; /*removes white space below the iframe*/
}
main iframe {margin: 0; padding: 0; width: 100%; height: 600px; border: none;}
 


/*----- FOOTER -----*/
footer {
    margin: 0;
	background-color:#0c2657;;
	clear: both;
	text-align: center;
	padding: 1em;
	font-size: .9em;
	color: white; 
}



/*----- Clearfix: Force an Element not to collapse -----*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}