body,html{
width:100%;
height:100%;
padding:0px;
margin:0px;
font-family:Muli, Arial, Helvetica, Helvetica Neue, sans-serif;
font-weight:400;
color:#808080;
font-size: 1.1rem;
line-height:1.5;
background-color:#fff;
}

.container{
position: absolute;
display: table;
width:100%;
height:100%;
}

.main{
display: table-cell;
vertical-align: middle;
}

.content{
width:500px;
margin:0 auto;
}

.contact{display:inline-flex;flex-wrap: wrap;}

h1,h2,h3,h4,h5,h6{
color:#808080;
font-weight:400;
}

h1{
font-size:1.75rem;
line-height:1.25;
margin:0;
margin-bottom:25px;
}

h2{
	font-size:1.5rem;
	line-height:1.25;
	margin:0;
	margin-bottom:25px;
	}

.education { font-size: 1rem; }
.contact_method { font-size:0.75rem; font-weight: 700; text-transform: lowercase; font-variant: small-caps; }
.contact p { margin: 0 25px 0 0; }
img{
max-width:100%;
margin:25px 0;
}

a{
color:#235789;
text-decoration:none;
}

pre{
border: 1px dashed #ccc;
padding: 30px;
color:#555;
}

@media screen and (max-width:600px){
.content{
width:400px;
}
}

@media screen and (max-width:450px){
.content{
width:80%;
}
}