body {
	padding:0px;
	margin:0px;
	font-family:abadi mt condensed light, verdana, arial;
	color:#8BABC6;
	font-size:2.5vw;
}

a {
	color:#8BABC6;
	text-decoration:none;
}

.container {	
	width:100%;
	height:100vh;
	background-image:url(logo.png);
	background-size:50%;
	background-repeat:no-repeat;
}

@media (min-width:300px) {
	.container {
		background-size:60%;
	}
	
	body {
		font-size:3.5vw;
	}
}

@media (min-width:600px) {
	.container {
		background-size:50%;
	}
	
	body {
		font-size:2vw;
	}
}

@media (min-width:1000px) {
	.container {
		background-size:40%;
	}
	
	body {
		font-size:3.5vh;
	}
	
}

div.name {
	
	float:right;
	position:absolute;
	right:5vh;
	top:40vh;
	text-align:right;
}

div p {
	font-size:150%;
	color:#28769D;
	padding:0px;
	margin:0px;
}

.separator {
	width:100%;
	height:0.8vh;
	position:absolute;
	bottom:25vh;
	background-image:url(bg.png);
	background-repeat:repeat-y;
	background-size:95%;
	background-position:center;
	
}

.contact-left {	
	width:40%;
	float:left;	
	bottom:5vh;
	left:5vh;
	position:absolute;
}

.contact-right {
	right:5vh;
	bottom:5vh;
	float:right;
	text-align:right;
	position:absolute;
}