@charset "utf-8";
/* CSS Document */

body, html {
	font-size:50px;
	-ms-text-size-adjust: none;
	
}


.divider1 {
	margin:1em 0 0.5em 0;
}
.divider1 span {
	padding:.2em 1em;
	border:0;
	
}

.divider2 {
	background-image:none;
	margin:1em 0 0.5em 0;
}
.divider2 span {
	color:#222;
	font-size:0.85em;
	border:0;
	
}
.divider3 {
	margin: 1em 0 .5em 0;
}
.divider3 span {
	padding: .2em 0.2em;
	margin-left: 0.2em;
}
.divider4 span {
	display:block;	
}
.work {
	font-size:50px;	
}
.top {
	padding:0;	
}
.logo {
	width:100%;
	max-width:100%;
	margin-bottom:1em;
}
.top_menu {
	font-size:1.5em;
	position:relative;
	text-align:right;
	width:auto;
	
}
.slider {

	margin-top:6%;	
}
.top_menu ul li ul {
	white-space:normal;
	padding:.2em 0;
}
.top_menu ul li ul li {
	display:block;
	text-align:left;
}
.top_menu ul li ul li a {
	font-size:.70em;
	margin:.5em .1em;
}
.tab {
	padding:0 5%;	
}
.gallery div.project {
	width:100%;
	padding-bottom:66%;
}

.gallery div.project a {
	background-image:none;
	display:none;
}
.gallery div.project:hover a {
	background-image:none;
	display:none;
}

.tab a {
	font-size:.9em;
	padding:.3em .7em;
	line-height:1em;
}
.cv div.intro {
	font-size:.8em;
	margin:0 5%;
}
.cv .profile .text {
	font-size:1em;	
}
.data .profile, .data .life, .data .skills , .data .cakes, .data .bars {
	width:100%;
	margin:0;
}
.likes span img {
	width:64px;
	height:64px;
	vertical-align:bottom;
}
.life .step {
	
}
.life h3, .skills h3 {
	font-size:1.2em;	
}
.skills h3 {
	margin-top:1em;	 
}
.life .step p {
	width:83%;
	background-color:#f6f6f6;
}


.graph.middle {
	margin:14% 0;	
}
.data .bars {
	margin-top:14%;	
}


.options {
	padding-bottom:3%;
	margin:0 8%;
}
.options .col {
	display:none;
}
.options .col .title{
	display:block;
	white-space:nowrap;
}
.options .col.medias {
	display:block;
	width:100%;
}
ul.social li{
	display:inline-block;
}
ul.social li a span{
	display:none;
}
ul.social li a img {
	width:3em;
	height:3em;
	margin:.7em;
}
.bottom {
	margin-top:2em;	
}
.footer {
	display:block;
	font-size:.7em;
}
.footer .copy {
	display:block;
	width:auto;
	
}
.footer .menu{
	display:none;
}


.project div.tv {
	padding-bottom:60%;	
}
.project div.remote {
	display:none;	
}
.detail dl dt {
	clear:left;
	width:27%;
	color:#000;
}
.detail dl dd {
	width:63%;
	padding-left:1em;
	border-left: 2px solid #666;
	color:#7d7d7d;
}

.likes span {
	font-size:1em;
}