* {margin: 0; padding: 0; border: 0;}
body {
  background: #eeeadf;
  color: #111;
  font: 14px 'Varela', helvetica, arial, sans-serif;
}
h1 {
	width: 233px; height: 68px;
	margin: 100px auto 30px;
	background: url('../images/ugocasalone.png?001') no-repeat 0 0;
	font-size: 1px;
	color: #eeeadf;
	text-indent: -9999px;
}
.info {
	margin: 0 0 30px;
	padding: 1px 0;
	background: #284e72;
	text-align: center;
}
.info ul {
	padding: 5px 0;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #eeeadf;
}
.info li {
	margin: 0 30px 0 0;
	
	
	display: inline;
	line-height: 42px;
}
@media only screen and (max-width: 768px) {
	.info li {
		display: block;
		margin: 20px 0;
	}
}
.info li a,
.info li span {
	background: url('../images/icons.png') no-repeat 0 50%;
	padding: 10px 0 10px 42px;
}
/*
.info li.email a {background-image: url('../images/ico-email.png');}
.info li.linkedin a {background-image: url('../images/ico-linkedin.png');}
.info li.twitter a {background-image: url('../images/ico-twitter.png');}
.info li.phone span {background-image: url('../images/ico-phone.png'); margin: 0;}
*/
.info li.email a {background-position: -2400px 50%;}
.info li.linkedin a {background-position: 0 50%;}
.info li.twitter a {background-position: -800px 50%;}
.info li.phone span {background-position: -1600px; margin: 0;}

.info li.email a:hover {background-position: -2800px 50%;}
.info li.linkedin a:hover {background-position: -400px 50%;}
.info li.twitter a:hover {background-position: -1200px 50%;}

.info li a {
	color: #eeeadf;
	text-decoration: none;
	outline: none;
}
.info li a:hover {
	color: #60b3dd;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}