/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.social{
	cursor: pointer;
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
    background: url("../csg-50adf9661b58b.png") no-repeat top left;

    text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}

.sprite-LinkedIn:hover{ background-position: 0 0; width: 20px; height: 20px; } 
.sprite-LinkedIn{ background-position: -45px 0; width: 20px; height: 20px; } 
.sprite-face:hover{ background-position: -90px 0; width: 20px; height: 20px; } 
.sprite-face{ background-position: -135px 0; width: 20px; height: 20px; } 
.sprite-google:hover{ background-position: -180px 0; width: 20px; height: 20px; } 
.sprite-google{ background-position: -225px 0; width: 20px; height: 20px; } 
.sprite-tuenti:hover{ background-position: -270px 0; width: 20px; height: 20px; } 
.sprite-tuenti{ background-position: -315px 0; width: 20px; height: 20px; } 
.sprite-twitter:hover{ background-position: -360px 0; width: 20px; height: 20px; } 
.sprite-twitter{ background-position: -405px 0; width: 20px; height: 20px; } 

#footer{
margin: 0px auto;
} 
#footer .contact{
padding: 30px 0;
text-align: center;
}

#footer .me{
padding: 30px 0;
text-align: center;
}

.inicio{
margin-left: 120px;
margin-right: 120px;
}



    @media (max-width: 720px) {
    	.inicio {
			margin-left: 80px;
			margin-right: 80px;
		}

    }

    @media (max-width: 480px) {
    	.inicio {
			margin-left: 20px;
			margin-right: 20px;
		}

    }