@font-face {
    font-family: 'Werner Italic';
    src: url('fonts/werner_italic-webfont.woff2') format('woff2'),
         url('fonts/werner_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'Werner Regular';
    src: url('fonts/werner_regular-webfont.woff2') format('woff2'),
         url('fonts/werner_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'Werner Regular';
	background-color: #ffffff;
/* 	background-color: #ffffff; */
/* 	background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ff9478' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E"); */
    margin: 0;
    padding: 0;
}
/*

body:before, body:after {
    content: "";
    position: fixed;
    background: white;
    left: 25px;
    right: 25px;
    height: 1px;
}
body:before {
    top: 25px;
}
body:after {
    bottom: 25px;
}
*/

@-moz-keyframes spin { 
	100% { 
		-moz-transform: rotate(360deg); 
	} 
}

@-webkit-keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
	} 
}

@keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}

h3 {
   -webkit-animation: spin 5s linear infinite;
   -moz-animation: spin 5s linear infinite;
   animation: spin 5s linear infinite;
   animation-direction: normal;
}

body {
    margin: 4em;
}

/*
.container {
	padding-left: 5em;
	padding-top: 5em;
}
*/

.header {
	display: none;
}

.nav {
	margin: 0;
	padding: 0;

}

h3 {
	font-family: 'Werner Regular';
	font-size: 2.5em;
	padding: 0;
	margin: 0;
	color: black;
}

.nav, .work-list, .email-address {
	font-size: 1.1em;
	text-align: left;
	list-style: none;
	color: black;
}

.work-list, .email-address {
	display: none;
}

.nav a, .work-list a , .email-address a{
	font-size: 1.1em;
	text-decoration: none;
	color: black;
}

.nav a:hover {
	/*color: #FD5F00;*/
	color: rgb(21, 86, 216);
}


.work-list a, .email-address a {
	color: black;
}

.work-list a:hover, .email-address a:hover {
	color: black;
}

.nav li, .work-list li , .email-address li {
	padding-top: .5em;
}


.middleboy {
	width: 100px;
	height: 100px;
	background-color: red;

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
}

.error-container {
	position: absolute;
    margin: 0 auto;
    margin-top: 18%;
	left: 0;
	width: 100%;
}

.error-content {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
}

.typekit-badge {display: none !important;}