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

}

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

}

@font-face {
    font-family: 'HERSCHEL';
    src: url ('HERSCHEL.woff') format('woff');
    src: url ('HERSCHEL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

body {
	background-image: url("wh-back.png");
	background-repeat: repeat;
	font-family: verdana;
	font-size: 1.25em;
	line-height: 1.25;
}

.text-wrapper {
	position: relative;
	background-color: #5a392a;
	color: #4c4c33;
	text-align: center;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding: 2% 5% 2% 5%;
}

img {
    max-width: 100%;
    height: auto;
}


p {
	color: #dcccbb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
}


p.nav {
	color: #8d7152;
	font-family: 'introrustg-base2line', serif;
	font-weight: normal;
	font-size: 3vw;
	text-align: center;
	text-shadow: -4px 4px 2px rgba(0, 0, 0, 0.25);
}

p.nav a, a:visited, a:hover, a:active {
	color: #8d7152;
	text-decoration: none;
}

h1 {
	color: #cc9140;
	font-family: 'HERSCHEL', serif;
	font-weight: normal;
	font-size: 1.5em;
	text-align: center;
	text-shadow: -4px 4px 2px rgba(0, 0, 0, 0.25);
}

h2 {
	color: #726f2e;
	font-family: 'introscriptr-h2base', script;
	font-weight: normal;
	font-size: 1.5em;
	text-align: center;
	text-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25);
}

a, a:visited {
	color: #cc9140;
	text-decoration: none;
}

a:hover, a:active {
	color: #cc9140;
	text-decoration: underline;
}