@font-face {
   font-family: 'himalaya';
   src: url(himalaya.eot);
   src: local('himalaya'), url('font/himalaya.ttf') format('truetype');
}

body {
	font-family: himalaya, Verdana, sans-serif;
	text-align: center;
	color: #FFF;
	margin: 0;
	background-image: url('img/mare_riflessi.jpg');
  	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: cover;
}

#content{         
    position: absolute;
    height: auto;
    width: 90%;    
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


#social {
	aligne: center;
	left: 50%;
	margin: auto;
	height: 20px;
	width: 181px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
}

#ig {
	float:left;
	margin-right: 20px;
	background-image: url(img/ig.png);
	display: block;
	width:20px;
	height:20px;
	text-indent:-9999px;
}
#dg {
	float:left;
	background-image: url(img/dg.png);
	display: block;
	width:20px;
	height:20px;
	text-indent:-9999px;
}

#credits {
	position: absolute;    
    bottom: 5px;
    width: 100%;
}

#credits p {
	margin: 0;
}

#volume {
	position: absolute;    
    right: 20px;
    top: 15px;
	background-image: url(img/von.png);
	display: block;
	width:22px;
	height:20px;
	text-indent:-9999px;
}


a,
a:link,
a:visited,
a:hover {
	color: #FFF;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}