@font-face {
    font-family: 'Geometric 706 Medium';
    src: url('fonts/geo706m-webfont.woff2') format('woff2'),
         url('fonts/geo706m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geometr706_md_btblack';
    src: url('fonts/geo706k-webfont.woff2') format('woff2'),
         url('fonts/geo706k-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'Geometric 706 Medium'; 
}
.button {
	background-color: #fff; 
	color: #ff0000;
	/*text-decoration: underline; */
	padding: 10px;
	text-transform: uppercase;
	transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
}
button:focus, button:hover {
	background-color: #ff0000 !important; 
	color: #fff !important;
}
img:focus, img:hover {
	opacity: .5;
}
.content { margin-top:20px; }
h2 {
	text-transform:uppercase;
	color: #25408f;
	font-family: 'Geometric 706 Medium'; 
	text-decoration: underline;
	margin-bottom: 30px;
	font-size: 1.5em;
}
h3 {
	color: #ff0000;
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'Geometric 706 Medium'; 
	font-weight: 500;
}
p {
	color: #25408f;
	font-family: Georgia, serif;
}
#footer {
	
}
#footer p, #footer small { 
    color: #000090; 
	font-family: 'Geometric 706 Medium'; }
.credits p { font-size: 0.7em; opacity: .6;}
#header {
	margin-top:10px;
	margin-bottom:0px;
}
#header p { padding-top: 20px; }
.grid-item { width: 20%; }
.info-item {width: 100%; }
.grid-item img { width: 100%; padding: 2px;}