@media only screen and (min-device-width: 801px) {
	.grid_selector>.footer{
		display: none;
	}

	.rosterMenu>.footer {
		grid-area: footer-menu;
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: 0.6vw 0.6vw 0.6vw 0.6vw;
		grid-template-areas:
			"footer_text"
			"footer_email"
			"footer_version"
			"footer_copyright";
		font-size: .5vw;
		margin-left: 1.5vw;
		color: #986F12;
	}
	.grid>.footer{
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: 0.6vw 0.6vw 0.6vw 0.6vw;
		grid-template-areas:
			"footer_text"
			"footer_email"
			"footer_version"
			"footer_copyright";
		font-size: .5vw;
		margin-left: 1.5vw;
		color: #000000;
		border-top: 2px solid #986F12;
	}
}
@media only screen and (max-device-width: 800px) {
	.footer {
		grid-area: footer;
		display: grid;
		grid-template-columns: 80vw;
		grid-template-rows: 2.3vw 2.3vw 2.3vw 2.3vw;
		grid-template-areas: "footer_text" "footer_email" "footer_version"
			"footer_copyright";
		font-size: 2vw;
		margin-top: 1vw;
		color: #000000;
	}
	.grid>.footer{
		border-top: 2px solid #986F12;
		color: #000000;
	}
}

.footerText {
	grid-area: footer_text;
	margin-left: 1vw;
	min-width: 200px;
}

.footerEmail {
	grid-area: footer_email;
	
	margin-left: 1vw;
	min-width: 200px;
}

.footerEmail>a {
	color: #0094FF;
	text-decoration: none;
}


.footerVersion {
	grid-area: footer_version;
	margin-left: 1vw;
	min-width: 200px;
}

.footerCopyright {
	grid-area: footer_copyright;
	margin-left: 1vw;
	min-width: 200px;
}