@import "genericons/genericons.css";

@font-face {
	font-family: 'DejaVuSansLight';
	src: url('font/DejaVuSansLight.eot');
	src: url('font/DejaVuSansLight.eot#iefix') format('embedded-opentype'),
		url('font/DejaVuSansLight.woff') format('woff'),
		url('font/DejaVuSansLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 5px;
}

#content {
	margin: 150px auto 0;
	background: rgb(0, 157, 140);
	width: 420px;
	height: 240px;
	border-radius: 10px;
}

#title {
	margin: auto;
	color: #FFF;
	font-family: DejaVuSansLight;
	font-weight: normal;
	font-size: 24pt;
	text-align: center;
	padding: 100px 0 0;
}

#links {
	margin-top: 50px;
	text-align: left;
}
	#links ul li {
		display: inline-block;
		margin: 5px;
	}
		#links ul li a {
			color: #FFF;
			display: inline-block;
			width: 20px;
			height: 20px;
			overflow: hidden;
			font-size: 20px;
		}
		#links ul li a.genericon-mail {
			width: 30px;
			height: 30px;
			font-size: 30px;
			margin-top: -4px;
		}

@media screen and (max-width: 420px) {
	#content {
		width: 100%;
	}
}