@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat:extrabold,bold');

body {
	font-family: Lato, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: calc(0.3vw + 12px);
	background-color: #333;
	}

.centerbox{
	margin: auto;
	width: 95%;
	text-align: center;
	}

.imagebox{
	margin: auto;
	width: 80%;
	padding: 1vw;
	}
	
.titlebox {
	float: left;
	text-align: center;
	margin: 10px;
	vertical-align: bottom;
	}

.pagetitle {
	font-size: 40px;
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	}

.subtitle {
	font-size: 20px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	margin-top:10px;
	}

.navbox {
	float: right;
	text-align: center;
	max-width: 50%;
	vertical-align: bottom;
	margin: 10px;
	margin-top: 30px;
	margin-bottom: 5px;	
	}

.navlink {
	font-size: 20px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: 5px;
	opacity:.5;
	transition: .3s opacity;
	}
	
.navbutton {
	height:40px;
	width:40px;
	padding: 5px;
	opacity:.5;
	transition: .3s opacity;
	/* transition: .3s height;
	transition: .3s width; */
	border:none;
	}

.footerlink {
	font-size: 15px;
	font-family: Lato, Geneva, Helvetica, sans-serif;
	font-weight: 500;
	padding: 10px;
	opacity:.5;
	transition: .3s opacity;
	white-space: nowrap;
	}

.navlink:hover {
	opacity: 1;
	}

.footerlink:hover {
	opacity: 1;
	}

.navbutton:hover {
	opacity: 1;
	}

.navfooter{
	text-align: center;
	max-width: 85%;
	margin: auto;
	margin-top:30px;
	margin-bottom:30px;
	}

.smallprint{
	font-family: Lato, Geneva, Helvetica, sans-serif;
	color: gray;
	font-size: calc(0.3vw + 5px);
	}

.smallprint a {color: #aaa; }
		
img {
	height: auto;
	max-width: 100%;
	}


table {
	margin: 5px;
	padding: 5px;
	border: 0px;
	}

a {
	text-decoration:none;
	color:white;
	}
	
a:hover {
	text-decoration:none;
	}

/*	}.navlink {
	padding-left: 10px;
	}*/

@media screen and (min-width: 2500px) {
/* start of wide screen styles */
.pagetitle {
	font-size: 40px;
	}

.subtitle {
	font-size: 25px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	}
	
.navbox {
	float: right;
	text-align: center;
	max-width: 50%;
	vertical-align: bottom;
	margin: 10px;
	margin-top: 30px;
	margin-bottom: 10px;	
	}
	
.navlink {
	font-size: 30px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	}

.navbutton {
	height:60px;
	width:60px;
	}
}


@media screen and (max-width: 750px) {
/* start of medium tablet styles */

.pagetitle {
	font-size: 25px;
	}

.subtitle {
	font-size: 15px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	}
	
.navbox {
	float: right;
	text-align: center;
	max-width: 50%;
	vertical-align: bottom;
	margin: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	}
	
.navlink {
	font-size: 15px;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	}

.navbutton {
	height:30px;
	width:30px;
	}
}

@media screen and (max-width: 500px) {
/* start of phone styles */
.titlebox {
	float: none;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	}

.pagetitle {
	font-size: 25px;
	}

.navbox {
	float: none;
	text-align: center;
	margin: auto;
	max-width: none;
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
.navbutton {
	height:25px;
	width:25px;
	}
}