@media only screen and (max-width: 1236px) {
	body > main{
		margin: 0 1.618122977346278%;
		width:96.763754045307444%;
	}.c2.nml{
		margin-left: -20px;
		width:16.666666666666667%;  /* 206/1236 - 166+20+20 */
	}.c4.nmr{
		 margin-right: -20px;
  	width:33.333333333333333%;  /* 412/1236 - 372+20+20 */
	}#bio2 .c7{
		font-size: 1.15em;
	}#bio2 .c5{
		margin-top: 6.25em;
	}#bio2 h3{
		margin: 0.5em 0;
	}
}
@media only screen and (max-width: 1100px) {
	#mh h1{
		margin-right:2em;
	}#lang{
		display: none;
	}#banner section > div{
	background-size:1600px auto; height: 280px;
	}#banner{
		height: 300px;
	}#social a{
		width: 26px;
		height: 26px;
		background-size:157px 26px;
		margin: 0 0.2em;
	}#social #tw a{
	background-position: -26px 0;
	}#social #gp a{
		background-position: -52px 0;
	}#social #in a{
		background-position: -78px 0;
	}#social #li a{
		background-position: -104px 0;
	}#social #im a{
	background-position: -130px 0;
	}#nf #sid{
		font-size: 1.2em;
	}#nf h1{
		font-size:1.3em;
	}
}@media only screen and (max-width: 1000px) {
	#mh img{
		display: none;
	}
	#mh h1{
		margin-right:2em;
	}#lang{
		display: none;
	}#banner section > div{
	background-size:1400px auto; height: 250px;
	}#banner{
		height: 270px;
	}#nf .c4 + .c4{
		width:36%;
	}#nf .c4 + .c4 + .c4{
		width:24%;
	}#nf h1{
		margin-top: 0;
	}
	#bio2 .c7 strong:after{
		content:"\A";
		white-space: pre;
	}
	#bio2 .c7{
		font-size: 1em;
	}#bio2 .c5{
		margin-top: 5em;
	}#bio2 h3{
		margin: 0.5em 0;
		font-size: 1em;
	}
}@media only screen and (max-width: 800px) {
	#mh h1{
		margin-right:2em;
	}#lang{
		display: none;
	}#banner section > div{
	background-size:1300px auto; height: 220px;
	}#banner{
		height: 240px;
	}
}
@media only screen and (max-width: 880px) {
	#mh .c12{
		text-align: center;
		margin-left:0;
	}#mh h1, #mh ul{
		width: 100%;
		margin-left:0;margin-right:0; margin-bottom:0; 
	}#mh ul{
		margin: 3em 0 0 0.5em;
	}#mh ul#menu{
		margin-left:0;
	}.row{
		margin: 0 3%;
		width: 94%;
	}#menu li{
			margin: 0.8em 1em 0 1em;
	}
}
@media only screen and (max-width: 700px) {
	#bio2 .c7{
		padding: 1em 0 0 0;
	}#bio2 .c7 strong:after{
		content:none;
	}#bio2 .c5{
		margin-top: 1em;
	}#bio2 h3{
		margin: 0.5em 0;
		font-size: 1em;
	}

	header + main, body > .row{
		margin:0 5% !important;
		width: 90% !important;
	}.c12, .c10, .c7, .c8, .c6, .c5, .c4, .c2, .row .c5, .c6.slim.o2{
		 width: 96.763754045307443%; /* 1196/1236 */
		 margin: 0 1.618122977346278%;
	}#nf .c4{
		width: 96.763754045307443% !important;
	}.o2, .o3{
		margin-left:1.618122977346278%
	}.ip{
		padding-left:0;
		padding-right: 0;
	}#projects .c4 {
		text-align: center;
		margin-bottom: 3em !important;
		}#logo span{
			display: none;
		}#menu li{
			margin: 0.8em 0.5em 0 0.5em;
		}
	/*#banner{
		display: none;
	}*/#bio .c7{
		width: 100%;
	}#nf{
		width: 90%;
		padding-left: 5%; 
		padding-right: 5%;
		margin-bottom:0; 
	}#banner{
		height: 520px;
	}#banner section > div{
		background-size:700px auto;
		height: 500px;
	}#nf .tr{
		text-align: left;
	}#nf h1{
		margin-top: 2em;
	}#nf #social{
		margin-top: 1em;
	}
}
@media only screen and (max-width: 375px) {
	#menu li{
		width: 40%;
		margin: 1.25em 0.8em 0.25em 0.8em;
	}
}