body {
	background-color:#000000;
	background-image:url(fondo.jpg);
}
#logo {
	margin:10% auto 0 auto;
	text-align:center;
}
.texto p {
    font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color:#dddddd;
	text-align:center;
	line-height:1em;
	margin:2% auto;
}
.social {
	margin:10% auto 2% auto;
	text-align:center;
}
.social a{
	margin:0 0.2%;
}
.firma{
	margin:1% auto;
	text-align:center;
	font-family: 'Roboto', sans-serif;
}
.firma a{
	font-size: 1em;
	color: #d37d2b;
	text-decoration:none;
	text-align:center;
}
.firma a:hover{
	color: #ffffff;

}
@media only screen and (max-width: 500px) {

#logo img{
	width:80%;
	height:auto;
}
}
@media only screen and (max-width: 768px) {
	
#logo{
	margin:20% auto 10% auto;
}
.texto {
	margin:10% auto;
}
.texto p {
	font-size: 1.2em;
	line-height:1.6em;
	padding-bottom:0.8em;

}
.social {
	margin:20% auto 5% auto;
	height:auto;
}
.social a{
	margin:0 0.5%;
}
.firma a{
	font-size: 1em;
}
}