/*@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'),
	     url('../fonts/roboto/roboto-thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}*/
/**/
* {
	margin: 0;
	font-family: 'arial';
	text-decoration: none;
}
.includes-footer {/* Dictates the HEADER container */
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.footer {
	/* IF CONTENT DOES FILL HEIGHT OF SCREEN */
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: rgba(100,100,100,1.0);
	/* IF CONTENT CANNOT FILL HEIGHT OF SCREEN */
	/*display: inline-block;
	position: fixed;
	float: none;
	bottom: 0;*/
}
.f-linkbox {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	min-height: 10vh;
}
.f-link, .copy {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	height: 5vh;
	padding-top: 2vh;
	margin-top: 1px;
	margin-bottom: 1px;
	color: rgba(255,255,255,1.0);
	text-align: center;
	font-size: calc(14px + 18 * ((100vw - 320px) / 680));
	border: 0;
}
	.null-link {
	color: rgba(255,255,255,.5);	
	}
.copy {
	color: rgba(175,175,175,1.0);
}
@media only screen and (min-width: 800px) {
	.f-link, .copy {
	font-size: calc(4px + 10 * ((100vw - 320px) / 680));	
	}
	.f-linkbox {
	width: 50%;	
	}
	.copy {
	width: 100vw;	
	}
}
@media only screen and (min-width: 1200px) {
	.f-link, .copy {
	font-size: calc(2px + 6 * ((100vw - 320px) / 680));	
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	.f-linkbox {
	width: 100%;
	height: auto;
	min-height: 0;
	}
	.f-link {
	width: 10%;	
	height: 2.0vw;
	}
	.copy {
	float: right;
	width: 20%;	
	}
}