/* Base CSS an futurecode, 2024-05-26 */

@font-face {
	font-family: 'heahandfont';
	src: url('/css/heafontnormal.eot?#iefix') format('embedded-opentype'), url("/css/heafontnormal.woff") format("woff"), url("/css/heafontnormal.ttf") format("truetype")
}

@font-face {
	font-family: "Open Sans Light";
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/OpenSans-Light-webfont.804037562eab.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light-webfont.963eb3290774.woff") format("woff"), url("/fonts/OpenSans-Light-webfont.ecb4572a5e47.ttf") format("truetype")
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/OpenSans-Regular-webfont.83efe33660ab.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Regular-webfont.55b8ce1f9a32.woff") format("woff"), url("/fonts/OpenSans-Regular-webfont.3cbf4d3ed22e.ttf") format("truetype")
}



* {
	margin: 0
}

body {
	background-color: #fff;
	color: #333;
	font-size: 16px;
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 200;
	/* letter-spacing: .15em; */
}

h1,
h2,
h3,
h4 {
	font-family: 'Open Sans Light', sans-serif;
	font-weight: 300;
	/* letter-spacing: .15em; */
}

.mediumThin {
	font-size: 1em;
	font-weight: 100;
	letter-spacing: .18em;
	color: #000;
}

em,
i {
	font-weight: 300;
	font-style: italic;
}

b,
strong {
	font-weight: 600;
	font-style: bold;
	color: #ba5939;
}

blockquote {
	font-family: 'Open Sans Condensed', 'Open Sans Light', sans-serif;
	font-weight: 300;
	font-style: italic;
}

.wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: .25em;
	grid-template-rows: 1fr;
	width: 100vw;
	height: 100vh;
	font-size: 1.2vw;
}


.wrapper>div {
	/* not in use*/
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bg {
	/* width: 100%;
    background-color: rgba(0, 0, 0, .6); */
}

.box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.618em 0 2em 0;
	color: #444;
}

.text_box {
	max-width: 50%;
	text-align: center;
}

/*
h1 {
	font-family: "Helvetica Neue", Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: 100;
	font-size: 3em;
	letter-spacing: .12em;
}
*/
a,
a:visited {
	color: #ffa700 !important;
	text-decoration: none;
}

h1,
h2,
h3 {
	margin: .25em 0;
}

p {
	margin: 1em 0;
}

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

.center-image {
	max-width: 61.8%;
	margin: 1em auto;
}

.footer {
	background-color: #201a18;
	color: #dedede;
	text-align: center;
}

@media (max-width: 500px) {
	.text_box {
		max-width: 85%;
		font-size: 3vw;

	}

	.text_box p {
		text-align: left;
	}
}