html,
body {
	height: 100%;
	color: #0000;
	margin: 0;
}

.caption {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	text-align: center;
	color: #000;
}

@font-face {
   font-family: 'astera';
   src: url('fonts/astera.eot');
   src: url('fonts/astera.eot') format('embedded-opentype'), 
	url('fonts/astera.woff2') format('woff2'), 
	url('fonts/astera.woff') format('woff'), 
	url('fonts/astera.ttf') format('truetype'), 
	url('fonts/astera.svg#astera') format('svg'); 
   font-weight: normal;
   font-style: normal;
}

.copytext {
	background-color: #00000000;
	color: #999999;
	font-size: 6.75em;
	letter-spacing: 2px;
	padding-left:8%;
	padding-right:8%;
	padding: 10px;
	font-family:'astera';
	text-align:justify;
	text-shadow: black 0.1em 0.1em 0.2em
}

.copysubtext {
	background-color: #00000000;
	color: #000;
	font-size: 1.75em;
	letter-spacing: 2px;
	padding: 10px;
	text-align:justify;
}

a[href$=jpg],
a[href$=jpeg],
a[href$=jpe],
a[href$=png],
a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	outline: 0 none;
	border-style: none;
}

a[href*=domain] {
	text-decoration: none;
	border: 0 none;
}

a[href*=directory] {
	text-decoration: none;
	border: 0 none;
}