@font-face {
    font-family: 'stencilregular';
    src: url('stencil-webfont.woff2') format('woff2'),
         url('stencil-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Default Styles */
body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background-color: white;
}

a, a:link, a:visited {text-decoration: none; border: 0 none; color: blue;}
a:hover {text-decoration: underline; color: darkblue;}
#home div:not(#top-nav), #home table {margin: 0 auto; text-align: center; border: 0 black none; width: 1022px;}
div#container-images table {height: 110px;}
div#container-images table td:first-child {text-align: left;}
div#container-images table td:last-child {text-align: right;}
p {margin: 20px 0;}
td {text-align: center;}
img {border: 0 black none; max-width: 100%; height: auto;}

.center {text-align: center}

#top-nav ul li {display: inline-block; padding: 0.75% 0.15%;}
a.button {
	display: inline-block;
	font-family:stencilregular;
	background-repeat: no-repeat;
	border-radius: 12px;
	border: 3px solid black;
	-webkit-transition: background-color 1s; /* For Safari 5.1 to 6.0 */
	-o-transition: background-color: 1s; /* For Opera 11.1 to 12.0 */
	-moz-transition: background-color 1s; /* For Firefox 3.6 to 15 */
	transition: background-color 1s;
	color: black;
	margin: 0 auto;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 5px 5px 5px silver;
	vertical-align: middle;
	letter-spacing: 1px;
	font-size: 100%;
	background-color: #cbcbcb;
	background-image: -webkit-linear-gradient(transparent, #cbcbcb, #fafafa); /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(transparent, #cbcbcb, #fafafa); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(transparent, #cbcbcb, #fafafa); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(transparent, #cbcbcb, #fafafa);
}
@media (min-width: 780px) {a.button {padding: 2px 8px;}}
@media (min-width: 850px) {a.button {padding: 2px 10px; font-size: 110%;}}
@media (min-width: 905px) {a.button {padding: 2px 10px; font-size: 120%;}}
@media (min-width: 915px) {a.button {padding: 6px 6px;}}
@media (min-width: 970px) {a.button {padding: 8px 8px;}}
@media (min-width: 1050px) {a.button {padding: 10px 15px;}}
a.button:active, a.button:hover {
	background-color: #fafafa;
	background-image: linear-gradient(transparent, #cbcbcb, #fafafa);
	color: black;
	text-decoration: underline;
}

/* Responsive YouTube */
div.embed-wrapper, div.embed-container {width: auto;}
.embed-wrapper {max-width: 100%; margin: 0 auto;}
@media (min-width: 1300px) {.embed-wrapper {max-width: 85%;}}
.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	overflow: hidden;
	max-width: 100% !important;
	height: 100%;
	margin: 0 auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0 none black;
}