* {
	margin:0;
	padding:0;
}

body {
}

#content {
	margin:0 auto;
	margin-top:10%;
	text-align:center;
}

h1.fullname {
	text-transform: uppercase;
	display:inline-block;
	font-family:Calibri;
	font-size:9vw;
	font-style:italic;
	letter-spacing:3px;
	word-spacing: -2vw;
}

h1.fullname:after{
	display:block;
	content:"";
	margin: 0 auto;
	width:90%;
	height:1px;
	background-image: linear-gradient(to right, black 20%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 1px;
	background-repeat: repeat-x;
}

span.name,
span.surname,
span.hash {
	display:inline-block;
}

	span.hash:before {
		content:"#";
		font-size:135%;
		color:#d0d0d0;
		position:relative;
		right:-1vw;
	}

	span.name::first-letter,
	span.surname::first-letter {
		font-size:135%;
	}
	
	span.surname {
		color:#d0d0d0;
	}
	
h2.contact {
	margin:3% auto 0;
	background:url(images/contact.png) no-repeat;
	max-width:471px;
	width:60%;
	height:36px;
	background-size: contain;
}