@charset "UTF-8";
/* CSS Document */


@font-face {
font-family: myFont;
src: url("img/XXIIInAshes-Regular.ttf");
font-weight: 400;
}

body, html {
height: 100%;
margin: 0;
font-family: 'Courier New', monospace;
color: #555;
font-size: 14px;
background-color: black;	
}

.bg {
position: relative;
background-image: url("img/bg.jpg");
height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.frame{
	padding: 4% 8%;
	background-color: rgba(0,0,0,0.8);

}

.content {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.introtxt {
position: relative;
width: 100%;	
text-align: center;
background-size: cover;
}

.images img {
width: 100%;
height: auto;
margin-bottom: -15px;
}

.price{
border-style: dashed;
  border-color: rgba(255,255,255,0.20);
	border-width: 0px 0px 0px 0px;
	margin-top: 40px;
	padding-top:40px;
}

.logo{
background-image: url("img/EDR-Logo_w.svg");
width: 208px;
height: 110px;
background-position: center;
background-repeat: no-repeat;
}

.logosmall{
background-image: url("img/EDR-Logo_wsm.svg");
width: 100%;
height: 55px;
margin-top:30px;
margin-bottom:40px;
background-position: center;
background-repeat: no-repeat;
}

.firstimg {
opacity: 0.2;
}

.copysmall{
color: white;
	font-size: 11px;
line-height: 8px;
}


h1 {
font-family: myFont;
color:white;
font-size: 38px;
margin-bottom: -20px;
}

h2 {
font-family: myFont;
color:white;
font-size: 26px;
}

h3 {
font-weight: normal;
	font-style: italic;
letter-spacing: 0.01em;
color:#8c7c4a;
font-size: 12px;
	line-height: 14px;
	padding-top: 8px;
	padding-bottom: 10px;
}
h4 {
	font-weight: normal;
	letter-spacing: 8px;
	transform: rotate(-90deg);
	color:#666;
	position:absolute;
	top:42%;
	left:-98px;
}

gold{
	color:#8c7c4a;
}

p, span {
color: white;
line-height: 20px;
}

a {	
color: white;
text-decoration: underline;
}


a:visited {
color: #8c7c4a;
}

.footertext {
position: absolute;
bottom: 5%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}