
	body{
		font-size: 13px;
		font-family: 'Helvetica Neue', arial, sans-serif;
		padding: 0;
		margin: 0;
		color: #666;
		line-height: 140%;
	}
	section{
		
	}
	a{
		text-decoration: none;
		color: #666;
		border-bottom: 1px solid #9cf;
	}
	.inner{
		max-width: 1280px;
		padding: 40px;
		margin: 0 auto;
	}
	
	
	h1{
		line-height: 76%;
		margin: 0;
		font-weight: bold;
	}
	.rotatedtext h2{
		clear: both;
		margin: 0;
		padding: 0;
		line-height: 130%;
	}
	.border h2{
		padding-bottom: 10px;
	}
	h3{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto; 
		width: 100%;
		max-width: 800px;
		line-height: 140%;
		opacity: .8;
	}
	p{
		padding:3px 0 10px 0;
		margin: 0;
	}
	
	.full{
		margin: 0 -40px;
		width: 100%;
	}
	.half{
		width: 50%;
		float: left;
	}
	.third{
		width: 33%;
		float: left;
	}
	.wrap{
		margin: 0 40px 0 0;
	}
	#home .inner{
		padding-bottom: 100px;
	}
	
	.clear{
		clear: both;
	}
	
	.multicols{
	/*
		columns:100px 2;
		-webkit-columns:100px 2; 
		-moz-columns:100px 2; 
		column-fill: auto;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-column-gap: 30px;*/
		width:300px;
		margin-top: 0;
		font-size: 1.3em;
		font-weight: 300;
		line-height: 140%;
	}
	.col30{
		width: 30%;
		min-width: 300px;
		float: right;
	}
	.rotatedtext{
		position: relative; 
		width: 60%; 
		height: 800px; 
		/*
-moz-transform:rotate(45deg); 
		-webkit-transform:rotate(45deg); 
		transform:rotate(45deg); 
*/
		
		

-moz-transform:matrix(0.71,0.71,-0.71,0.71,0,0);
-moz-transform-origin:center;
-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);
-webkit-transform-origin:center;
-o-transform:matrix(0.71,0.71,-0.71,0.71,0,0);
-o-transform-origin:center;
-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);
-ms-transform-origin:center;
transform:matrix(0.71,0.71,-0.71,0.71,0,0);
transform-origin:center;
/*
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.71,M21=0.71,M12=-0.71,M22=0.71,SizingMethod='auto expand')";zoom:1;
filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.71,M21=0.71,M12=-0.71,M22=0.71,SizingMethod='auto expand');
*/
		float: left;
	}
	.name{
		/*
-webkit-transform:rotate(-90deg); 
		-moz-transform:rotate(-90deg); 
		transform:rotate(-90deg); 
*/
		
		
-moz-transform:matrix(0,-1,1,0,0,0);
-moz-transform-origin:center;
-webkit-transform:matrix(0,-1,1,0,0,0);
-webkit-transform-origin:center;
-o-transform:matrix(0,-1,1,0,0,0);
-o-transform-origin:center;
-ms-transform:matrix(0,-1,1,0,0,0);
-ms-transform-origin:center;
transform:matrix(0,-1,1,0,0,0);
transform-origin:center;
/*
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0,M21=-1,M12=1,M22=0,SizingMethod='auto expand')";zoom:1;
filter:progid:DXImageTransform.Microsoft.Matrix(M11=0,M21=-1,M12=1,M22=0,SizingMethod='auto expand');
*/
		
		
		
		
		position: absolute; 
		left: 90px; 
		top: 30px;
		width: 20em;
	}
	.name h2{
		margin-top: 20px; 
		color: #999;
	}
	.role{
		position: absolute; 
		top: 29em;
	
		width:100%;
		text-align: right;
}
	.job{
		color: #f00; 
		margin-top: -20px;
	}
	h1.co{
		margin-top: 20px;
		line-height: 0.8;
	}
	
@media screen and (min-width: 65em) {	
	h1{
		font-size: 100px;
	}
	.rotatedtext h2{
		font-size: 36px;
	}
	h1.co{
		font-size: 80px;  
	}
	.role{
		width: 705px;
	}
}
	
@media screen and (max-width: 65em) {
	.role{
		width: 705px;
	}
	body {
		background: #fcfcfc;
	}
	.role {
		top:25em;
	}
	.job {
		top:-3em;
	}
	.name{
		left:16em;
		top:0;
		}
	h1,h1.co{
	font-size: 4em;
	}
	h2{
	font-size: 2em;
	}
	.rotatedtext {
		height: 100px; 
		margin-top: -3em;
	}
}
@media screen and (max-width: 50em) {
	.name{
		left:6em;
		}
	
	.name{
		left:10em;
		}
	body {
		background: #f5f5f5;

	}
}
@media screen and (max-width: 47em) {
.name{
		left: 3em;
top: -5em;
		}
	h1,h1.co{
	font-size: 2em;
	}
	h1.co{
	margin-top: 0.3em;
	}
	h2,.name h2{
	font-size:1em;
	width: 12em;
	}.multicols {
		margin-top: 0;
	}
	
	.role {
		top: 11em;
width: 24em;
	}
	body {
		background: #ededed;
	}
}

@media screen and (max-width: 37em) {
body {
		background: #d3d3d3;
		
	}
#home .inner,.inner {
	padding: 3%;
}
body,.multicols {
	width: 100%;
}

	.rotatedtext{
		position: relative; 
		width: 100%; 
		height:auto; 
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg); 
		
		
-ms-transform:matrix(1,0,0,1,0,0);
-ms-transform-origin:center;
transform:matrix(1,0,0,1,0,0);
transform-origin:center;
/*
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1,M21=0.02,M12=-0.02,M22=1,SizingMethod='auto expand')";zoom:1;
filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M21=0.02,M12=-0.02,M22=1,SizingMethod='auto expand');
*/
		
		
		float: none;
		margin-top: 0em;
	}
	.name{
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg); 
		-ms-transform:matrix(1,0,0,1,0,0);
-ms-transform-origin:center;
transform:matrix(1,0,0,1,0,0);
transform-origin:center;

		position: absolute; 
		left: 0; 
		top: 0;
		width: 100%;
		float: none;
		position: relative;
		min-height: 5em;
	}
	.name h1 {
		display:  inline;
	}
	.name h2 {
		margin-top: 0;width: 100%;
	}
	.job { top: 0;}
	.role{
		width: 100%;
	text-align: left;	
	float: none;
	position: relative;
	top: 0;
	}
	.role h1 {
		font-size: 1.2em;

	}
	.col30 {
		width: 90%;
		float: none;
		width: 100%;
	}

	.col30 a {
		padding:1em;
	}
}

@media only screen and (min-resolution:1.5dppx){
	body {
		font-size: 1.5em;
	}
	
}