/* CSS Document */


html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

Header{
	width: 100%;
	top: 0%;
	padding: 1.5vw;
	position: fixed;
	z-index: 9999;
	background-color:rgba(240,248,255 ,.3 );
	
	
}

.hero h1 {
	color: #fff;
	font-size: 11.0vw; 
	letter-spacing: .85vw;
	margin-bottom: 1.5%;
	text-shadow: 0px 0px 10px rgba(0, 0, 0,.05);
	font-family: "Old English Text MT", unifrakturmaguntia ;
}
.site_logo {
	position: relative;
	display: block;
	float: left;
	width: 3.1em;
}
.site_logo img {
	width: 3.1vw;
	height: 3.1vw;
}
.site_logo {
	opacity: 1;
}
.site_nav {
	position: relative;
	float: right;
	z-index: 9999;
	top: 0;
	bottom: 0;
	display: block !important;
	width: 80%;
	padding: .75vw 1vw 0 0;
	opacity: .95;
	background-color: none;
}
.site_nav ul{
	list-style-type: none;
	margin: 0;
	text-align: right;
}
.site_nav ul li {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 3.5vw;
}
.site_nav ul li a {
	font-size: 1.8vw;
	font-weight: 400;
	padding-bottom: .5vw;
	text-decoration: none;
	letter-spacing: .15vw;
	text-transform: uppercase;
	color: black;
}
.site_nav ul li a:hover{
	outline: none;
	border-bottom: 1px solid black;
	z-index: 10;
}
.hero_landing { 
	position: relative;
	height: 66vw;
	background-image: url("images/landing-0371.jpg");
	Background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#91aa9d;
	
}
.hero_landing h1{
	font-family: georgia, gotham, serif;
	font-size: 12vw;
}
.landing h2{
	text-align: center;
	font-size: 3vw;
	text-transform:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.hero_landing_content {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff;
	position: absolute;
	z-index: 500;
	padding: 27vw 5vw 5vw 5vw;
	text-align: center;
	width: 100%;
}
.hero { 
	position: relative;
	height: 66vw;
	background-image: url("images/The oppugnant hero.jpg");
	Background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#91aa9d;
	
}

.hero_content {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff;
	position: absolute;
	z-index: 500;
	padding: 27vw 5vw 5vw 5vw;
	text-align: center;
	width: 100%;
}

h2 {
	font-weight: 200;
	font-size: 2vw;
	text-transform: uppercase;
	line-height: 2.5;
	letter-spacing: .3vw;
}

h3 {
	font-weight: 100;
	font-size: 2vw;
	text-transform: none;
	line-height: 4;
	letter-spacing: .2vw;
}
h4 {
	text-transform: none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font: italic;
	font-weight: 100;
	font-size: 1.3vw;
	letter-spacing: .1vw;
	line-height: 4;
	
}
.post {
	padding: 4vw;
	
}
.post h2 {
	font-size: 1.7vw;
}
.post h4{
	text-align: center;
	font-size: 1.5vw;
	
}
.post h3 {
	text-align: center;
	font-size: 2.2vw;
}
.post p {
	columns: 3 3vw;
	padding: 4vw;
	letter-spacing: .05vw;
	font-size: 1.5vw;
}
.intro {
	position: relative;
	height: 20vw;
	background-color: white;
	
}
.intro_title {
	font-family: "ubuntu-mono";
	text-align: center;
	font-size: 3.5vw;
	color: black;
	padding: 11vw;
}
.intro_text {
	font-family: "ubuntu-mono";
	color:#1B1B1B;
	position: absolute;
	padding-top: 0vw;
	padding-left: 2vw;
	padding-right: 2vw;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .15vw;
	font-size: 1.1vw;
	line-height: 1.5;
	
}


.about {
	display: flex;
	background-color:aliceblue;
}
.about article {
	Width: 80%;
	height: auto;
	margin:auto;
	padding: 10vw;
}
.about_title {
	font-family:"ubuntu-mono";
	font-size: 2vw;
	font-weight: 100;
	padding: 2vw 0 0 0;
	letter-spacing: .36vw;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 9vw;
	margin-bottom: .5vw;
}
.about_text {
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 100%;
	line-height: 1.4;
	font-size: 1.6vw;
	padding-left: 12%;
}
.about div figure a img {
	z-index: 100;
	height: auto;
	width: 55vw;
	padding: 3vw;
}
.about_pic {
	background-color:aliceblue;
	float: right;
	z-index: 100;
	height: auto;
	width: 15vw;
	margin-right: 15%;
	padding-top: 3vw;
}
.about_descriptive {
	background-color:aliceblue;
	margin-left: 15%;
	width: 30vw;
	padding-bottom: 3vw;
}
.about div figure{
	position: relative;
}
.contact {
	display: flex;
	background-color:aliceblue;
}
.contact_descriptive {
	background-color:aliceblue;
	width: 30vw;
	margin-left: 15%;
	padding-top: 3vw;
}
.contact_pic {
	background-color:aliceblue;
	position: right;
	z-index: 100;
	height: auto;
	width: 50%;
	padding: 3vw;
}
.contact div figure a img {
	position: right;
	z-index: 100;
	height: auto;
	width: 40vw;
}
.contact_label {
	font-family:"ubuntu-mono";
	font-size: 2vw;
	font-weight: 100;
	padding: 1vw 0vw 0vw 0vw;
	letter-spacing: .36vw;
	text-transform: uppercase;
	line-height: 1.5;
	max-width:30em;
	margin-bottom: .5em;
}
.contact_text {
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 50vw;
	line-height: 1.6;
	font-size: 2vw;
	padding-left: 12%; 
}

.portfolio {
	display: flex;
	background-color:aliceblue;
	padding-bottom: 8%;
}
.portfolio article {
	Width: 80%;
	height: auto;
	margin:auto;
	padding: 10vw;
}
.about_title {
	font-family:"ubuntu-mono";
	font-size: 2vw;
	font-weight: 100;
	padding: 2vw 0 0 0;
	letter-spacing: .36vw;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 9vw;
	margin-bottom: .5vw;
}
.portfolio_text {
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 100%;
	line-height: 1.4;
	font-size: 1.6vw;
	padding-left: 12%;
}
.portfolio_text_state {
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 100%;
	line-height: 1.4;
	font-size: 1.6vw;
	padding: 2%;
	font-style: italic;  
	
}
.portfolio div figure a img {
	z-index: 100;
	height: auto;
	width: 50vw;
	padding-left: 10vw;
}
.portfolio_photo {
	background-color:aliceblue;
	float: right;
	z-index: 100;
	height: auto;
	width: 50vw;
	margin-right: 15%;
	padding-top: 3vw;
	margin-left: 9%;
}
.portfolio_descriptive {
	background-color:aliceblue;
	margin-left: 5%;
	width: 30vw;
	padding-top: 5vw;
	padding-bottom: 3vw;
}
.portfolio div figure{
	position: relative;
}
.portfolio .dv {
	width: 100vw;
	height: auto;
}
	
.portfolio_vid{
	background-color:aliceblue;
	float: right;
	z-index: 100;
	height: 30vw;
	width: 50vw;
	margin-right: 1%;
	padding-left: 3vw;
	padding-top: 3vw;
	Margin-left: 9%;
}
.intro_portfolio {
	position: relative;
	height: 15vw;
	background-color: white;}

.intro_title_portfolio {
	font-family: "ubuntu-mono";
	text-align: center;
	font-size: 3.5vw;
	color: black;
	padding: 5vw;
}

.hero_portfolio h1 {
	color: #fff;
	font-size: 11.0vw; 
	letter-spacing: .85vw;
	margin-bottom: 1.5%;
	text-shadow: 0px 0px 10px rgba(0, 0, 0,.05);
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
}
.hero_portfolio { 
	position: relative;
	height: 66vw;
	background-image: url("images/portfolio_hero.jpg");
	Background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#91aa9d;
	
}

.hero_content_portfolio {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff;
	position: absolute;
	z-index: 500;
	padding: 29vw 5vw 5vw 5vw;
	text-align: center;
	width: 100%;
}






.resume_date {
	font-family:"ubuntu-mono";
	font-size: 3vw;
	font-weight: 100;
	padding: 1vw 0vw 0vw 0vw;
	letter-spacing: .36vw;
	text-transform: uppercase;
	line-height: 1.5;
	max-width:30vw;
	margin-bottom: .5vw;
}
.resume_title {
	font-family:"ubuntu-mono";
	font-size: 2vw;
	font-weight: 100;
	padding: 0vw 0vw 0vw 0vw;
	letter-spacing: .36vw;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 30vw;
	margin-bottom: .5vw;
}
.resume_location {
	font-family:"ubuntu-mono";
	font-size: 1.5vw;
	font-weight: 100;
	padding: 0vw 0vw 0vw 0vw;
	letter-spacing: .36vw;
	font-style: italic;
	line-height: 1.5;
	max-width: 40vw;
	margin-bottom: .5vw;
}
.resume_text {
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 50vw;
	line-height: 1.4;
	font-size: 1.2vw;
	padding-left:12%; 
}
.resume_descriptive {
	background-color:antiquewhite;
	color: black;
	width: 100%;
	padding: 11vw 0vw 11vw 25vw;
}
.resume_list {
	list-style-position: inside;
	letter-spacing: .05vw;
	opacity: .8;
	max-width: 50vw;
	line-height: 1.4;
	font-size: 1.2vw;
	padding-left:12%; 
}





.site_footer {
	width:100%;
	background-color:#91aa9d;
	height: 20vw;
}
.footer_social {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}
.footer_social li {
	display: inline-block;
	margin: 1.2vw 1.2vw;
}
.footer_social li a:hover {
	border-color:#fff;
	background:#fff;
}
.footer_social li a {
	line-height: 3.5vw;
	display: inline-block;
	height: 3vw;
	width: 3vw;
	text-align: center;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 50%;
}
.footer_text {
	padding: 10vw 3vw 0 10vw;
	font-family: "ubuntu-mono";
	font-size: 1.3vw;
	font-weight: 100;
	text-align: left;
	opacity: .8;
}
.footer_social li img {
	height: auto;
	width: 1vw;
}
.footer_social li a .social_hover {
	display: none;
}
.footer_social li a:hover .social_default {
	display:none;
}
.footer_social li a:hover .social_hover {
	display: inline;
}
/* Portfolio rules */


/* Contact Page stuff */