@charset "UTF-8";
/* CSS Document */
	@font-face{
		font-family: "Univers LT";
   		src: url('fonts/UniversLTStd-Light.otf');
	}
	@font-face{
		font-family: "Univers Bold";
   		src: url('fonts/UniversLTStd-Bold.otf');
	}
	@font-face{
		font-family: "Didot";
   		src: url('fonts/Didot.ttc');
	}


	@font-face{
		font-family: "Univers";
   		src: url('fonts/UniversLTStd.otf');
	}

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

header {
	margin:0 auto;
	display: block;
	padding-right: 1.5em;
	}

.name ul{
	float: left;
}

h2{
	font-family:  "Didot";
	padding-left: 1.5em;
	padding-top: .4em;
}

h2 a{
	    color: #000000;
	text-decoration: none;
}
	
	
h1{
	font-family:  "Univers LT";
	font-size: 1em;
	padding-left: 2.3em;
}

.site-nav li {
	float: right;
 	display: inline;
}



.site-nav li a {
	display: block;
	padding-left: 1.5em;
	padding-top: 1em;
	font-family:  "Univers LT";
	color: #000000;
	text-decoration: none;
}

.site-nav li a:hover {
	display: block;
	padding-left: 1.5em;
	padding-top: 1em;
	font-family:  "Univers LT";
	color: #5f5f5f;
	text-decoration: none;
	
}

.current{
		text-decoration: underline;
}


.hero div img{
	padding-top: 5em;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}


main{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}
.bio img{
	padding-top: 2em;
	display: block;
	float: left;
	width: 17.9em;
	padding-left: 2em;
	padding-right: 3em;
	padding-bottom: 100em
}

.info-text{
	font-family: "Univers LT";
	font-size: .8em;
	padding-top: 2.5em;
	margin-right: 2em;
	display: block;
	float: none;
	max-width:36.4em;
}

	.contact-text{
	font-family: "Univers LT";
	font-size: .8em;
	padding-top: 2.5em;
	display: block;
	padding-left: 18.5em;
	float: left;
	width: 75%;
	
}

.town{
	padding-top: .5em;
}
.works{
	width: 100%;
	max-width: 58em;
	padding-top: 4em;
	margin-left: auto;
	margin-right: auto;	
	
}

.project{
	padding-bottom: 22em;

}

h3{
	font-family: "Didot";
	padding-bottom: .5em;
}

.leftphoto div{
	padding-top: 2em;
	float: left;
	width: 50%;
	height: 17em;
   line-height: 17em;
		  display: block;
		margin-left: auto;
	margin-right: auto;	
}

.leftphoto img{
	max-width: 100%;
	max-height: 100%;
	padding-right: 1.5em;
	vertical-align: middle;
		  display: block;
		margin-left: auto;
	margin-right: auto;	
	
	
}

.leftphoto img:hover{
	max-width: 100%;
	max-height: 100%;
	padding-right: 1.5em;
	vertical-align: middle;
	opacity: 0.75;
		  display: block;
		margin-left: auto;
	margin-right: auto;	
	
}
	

.righttext div{
	padding-left: 1.5em;
	width: 50%;
	float: right;
}

.descriptiontext {
	font-size: .75em;
	max-height: 18.5em;
	overflow: scroll;
	font-family: "Univers LT"
}

.lefttext{
	padding-right: 1.5em;
	width: 50%;
	float: left;
}

.rightphoto div{
	padding-top: 2em;
	float: right;
	width: 50%;
	height: 17em;
	line-height: 17em;
	  display: block;
		margin-left: auto;
	margin-right: auto;	
	
}

.rightphoto img{

	max-width: 100%;
	padding-left: 1.5em;
	max-height: 14em;
	vertical-align: middle;
	  display: block;
		margin-left: auto;
	margin-right: auto;	
}

.rightphoto img:hover{

	max-width: 100%;
	padding-left: 1.5em;
	max-height: 14em;
	vertical-align: middle;
	opacity: .75;
}

h4{
	padding-top: .5em;
	font-family: "Univers";
}

h5{	
	margin-left: -14%;
	font-family: 'Univers LT';
	padding-right: 5em;
}