@media screen and (max-width: 987px) {
	#resume, #nav ul, #header ul, .section_content, .section_footer, .job, .studies, #footer { width: 570px }
	#nav li, #header li {
		margin: 0 13px;
		white-space: nowrap;
		font-size: 90%;
	}
	.divider hr { width: 40% }
	.cv_options li {
		margin-right: 0;
		padding-left: 14px;
	}
	.cv_options li:first-child, .cv_options li.first {
		margin-right: 0!important;
		margin-top: -10px;
		margin-bottom: 10px;
		display: block;
	}
	.section {
		width: 570px;
		margin-top: 40px;
	}
	.head_section, .head_section .section_content { width: 470px }
	.one_third { width: 170px }
	.two_thirds { width: 370px }
	.one_fourth {
		width: 160px;
		margin-top: 15px;
		margin-bottom: 30px;
	}
	#skills .last_column { margin-right: 30px }
	#skills h4 { white-space: nowrap }
	.clear { display: none }
	#tbl {
		width: auto;
		font-size: 90%;
		margin: 20px 0;
	}
	#tbl td {
		padding: 6px;
		min-width: 80px;
	}
	#tbl td li { list-style-type: none }
	.issuer { text-indent: 0 }
	#section3 .one_third { width: 250px }
	#section3 div.ruler {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#section1 .last_column { margin-top: 20px }
	#footer .one_third { width: 270px }
	#ext { display: none }
}

@media screen and (max-width: 687px) {
	body, #resume { padding: 0 }
	#resume, #footer { width: 85% }
	#resume { margin: 20px auto 0 auto }
	#footer {
		padding: 30px 0 0 0;
		margin: 0 auto 20px auto;
	}
	#header { border-top: 0 }
	#nav { padding: 0 }
	#nav ul, #header ul, .section_content, .section_footer, .job, .studies { width: 100% }
	#nav li, #header li {
		margin: 25px auto;
		letter-spacing: 1px;
		display: block;
	}
	a.com img { max-width: 50% }
	#intro p { padding: 0 5% }
	h1.name {
		font-size: 28px;
		letter-spacing: 1px;
		white-space: nowrap;
	}
	h1.name span { font-size: 100% }
	.divider hr { width: 36% }	
	.text_ruler {
		margin: 0 auto;
		width: 75%;
		background: none;
	}
	.ph { margin: 0 }
	.photo {
		float: none;
		margin: 0 auto 20px auto;
	}
	.cv_options {
		margin: 0 0 20px 0;
		clear: both;
		text-align: center;
	}
	.cv_options li {
		margin-right: 0;
		margin-bottom: 25px;
		letter-spacing: 0;
		display: block;
	}
	.cv_options li:first-child, .cv_options li.first {
		margin-right: 0!important;
		margin-top: -30px;
		margin-bottom: 20px;
		display: block;
	}
	.section {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.head_section {
		width: 100%;
		padding: 0;
	}
	.head_section .section_content, .one_third, .two_thirds, .half, .one_fourth p {
		width: 95%;
		padding: 0 2%;
	}
	.job .one_third {
		border-bottom: 1px solid #f4f4f4;
	}
	.one_fourth {
		width: 100%;
		margin: 15px auto 30px auto;
	}
	p:first-child, p.first, ul.first { margin-top: 1em }
	h3, h4, ul.simple_list { text-align: center }
	a.com {
		display: block;
		text-align: center;
		margin: 0 auto 20px auto;
	}
	#skills .last_column { margin-top: 0px }
	.skillbar {
		width: 80%;
		margin: 0 auto;
	}
	#tbl td ul { padding-left: 0 }
	#tbl td li { list-style-type: none }
	.left { text-align: center }
 	#en, #fr, #jp {
		width: 100%;
		border: 0;
	}
	#en td, #fr td, #jp td {
		text-align: left!important;
		width: auto!important;
	}
	#section3 .one_third { width: 250px }

	#section3 div.ruler {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#section1 .last_column { margin-top: 20px }
	#footer .one_third {
		width: 100%;
		margin: 0 auto 40px auto;
		border-bottom: 1px solid #666;
		padding-bottom: 15px;
	}
	#footer .one_third.last_column { border-bottom: none }
	#footer ul li {
		padding: 10px 0;
		text-align: center;
		border: none;
	}
	#footer ul li a:hover, #footer ul li a:focus { padding-left: 0 }
	#footer ul li:before { content: '' }
	.section_footer { margin-left: -20px }
	#chg { margin-right: 2px; }
	#skills h2 { margin-left: 20px; }

	#ext, h3 br, h4 br, .skill hr, #header ul { display: none }
	a.info { display: block }
	a.info span { left: 0!important }
	a.info span img {
		width: 100%;
		height: 100%;
	}
	#section1 div.half p { text-indent: 0!important }
	table, thead, tbody, th, td, tr { display: block }
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr {
		border: 1px solid #ccc;
		margin: -1px 0; /*double-border fix*/
	}
	td { 
		border: none;
		position: relative;
	}
	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.issuer { text-indent: 0 }
	#contact_form { text-align: center }
}