body {
		
	font-family: 'MuseoSans', Arial, Helvetica, sans-serif;
	background-color: rgb(0,52,98);

}


h1 {
	
	color: white;
	font-size: 26px;
	
}

p {
	
	font-weight: 300;
	font-size: 18px;
	color: #F2F2F2;
	
}


#footer p {
	
	font-size: 10px;
	margin-top: 100px;
	color: #D1D1D1;
	
}


#logo img {
	
	width: 15%;
	margin: 0 auto;
	margin-top: 100px;
	
	
}


#social-title h4{
	margin-top: 70px;
	color: #f2f2f2;
}
#social img {
	width: 50px;
}

#container {
	
	margin-top: 70px;
}


/* smartphone */

@media (max-width: 767px) {


	#logo img {
		
		width: 40%;
		margin: 0 auto;
		margin-top: 100px;
	
	}

	#titolo {
		
		font-size: 30px;
		margin-top: 0px;
		margin-bottom: 30px;

	}
	
}
	
	

/* tablet */

@media (min-width: 768px) and (max-width: 991px) {


	#logo img {
		
		width: 30%;
		margin: 0 auto;
		margin-top: 200px;
		
	}



}