body {
	-webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;

}

h1 {
    color: white;

    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;

    position: absolute;
	z-index: 100;
	display:block;
	left: 32px; top: 25px;
}

div.projects {
	line-height: 43px;

	position: absolute;
 	top: 50%;
 	margin-left: 32px;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%)

	z-index: 100;
	display: block;
}

div.socials {
	color: white;
	
	font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;

	position: absolute;
	z-index: 100;
	display: block;
    left: 32px; bottom: 32px;

}

div.lang {
	color: white;
	
	font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;

	position: absolute;
	z-index: 100;
	display: block;
    right: 32px; top: 25px;

}

div.email {
	color: white;
	
	font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;	
	text-align: right;

	position: absolute;
	right: 32px;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%)

	z-index: 100;
	display: block;
}


div.contacts {
	color: white;
	
	font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;

	position: absolute;
	z-index: 100;
	display: block;
    right: 32px; bottom: 32px;

}


a {
	position: relative;
	color: white;
	font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
 	color: white;
 	text-decoration: none;
}

a:before {
 content: "";
 position: absolute;
 bottom: -5px;
 left:0;
 width: 15px;
 height: 1px;
 background-color: #fff;
 visibility: hidden;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: all 0.3s ease-in-out 0s;
 transition: all 0.3s ease-in-out 0s;
 transform-origin: 0 0;

}

a:hover:before {
 visibility: visible;
 -webkit-transform: scaleX(1);
}