/* Copyright 2020 DavidWarbrick.com */
/* Stylesheet */

@charset "UTF-8";

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: "Fjalla One", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
	height: 100%;
	width: 100%;
}

h1, h2, h3 {
	color: #FF0000;
}

a {
	color: #FF0000;
}

a:hover, a:active {
	color: #FF7F7F;
}

/* David Warbrick */

#main-header {
	z-index: 2;
	position: absolute;
	text-align: center;
	font-size: 4em;
	right: 6.5rem;
	top: 7rem;
	width: 500px;
}

#main-image {
	position: absolute;
	left: 10%;
	top: 10rem;
}

#main-image img {
	width: 292px;
	height: 405px;
}

.border {
	z-index: 10;
	position: fixed;
	height: 80px;
	width: 100%;
	background-color: #FF0000;
}

.border.bottom {
	bottom: 0;
	left: 0;
	box-shadow: 0 0 7px #808080;
}

.border.top {
	top: 0;
	left: 0;
	box-shadow: 0 0 7px #808080;
}

/* Contact */

#contact {
	position: absolute;
	right: 12.5rem;
	top: 15rem;
	text-align: center;
	font-size: 1.25em;
	width: 300px;
	height: 475px;
}

address {
	font-style: normal;
}

.email {
	display: block;
	height: 50px;
	width: 250px;
	color: #fff;
	background-color: #FF0000;
	border-radius: 14px;
	padding-top: 12px;
	margin: 0 auto;
	text-decoration: none;
}

.email:hover {
	color: #fff;
	background-color: #FF7F7F;
}

/* Footer */

footer {
	z-index: 11;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: #FF0000;
}

footer a {
	color: #fff;
	text-decoration: none;
}

/* Error Message */

#error-message {
	display: block;
	width: 300px;
	text-align: center;
	margin-top: 10rem;
	margin-left: auto;
	margin-right: auto;
}

/* Responsive Code */

@media (max-width: 992px) {
	
	#main-header {
		top: 4rem;
		right: calc(50% - 250px);
	}
	
	#main-image {
		top: 14rem;
		left: calc(50% - 146px);
	}
	
	#contact {
		top: 40rem;
		right: calc(50% - 150px);
	}
	
}

@media (max-width: 480px) {
	#main-header {
		font-size: 3em;
	}
}

/* End of Stylesheet */