@font-face
{
font-family: font;
src: url('../img/copper.ttf');
}

body{
	background-color:#000;
	}	
.nombre{
	font-family: font;
	white-space:nowrap;
	text-align:center;
	color:#e29327;
	font-size:38px;
}
.desc{
	font-family: 'Alegreya SC', serif;
	text-align:center;
	white-space: nowrap;
	color:#e29327;
	font-size:28px;
}

.texto{
	white-space: nowrap;
	display:block;
	position:relative;
	margin-top:50px;
	margin-left:40%;
	
}
.footer{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 2px 2px #000;
	position:absolute;
	left:40%;
	bottom:35px;
	font-size:15px;
}

@media screen and (max-device-width: 800px){
	.texto{
		margin-top:50px;
		margin-left:0px;
	}
	.desc{
		font-family: font;
		color:#e29327;
		font-size:20px;
	}
	.nombre{
		font-family: font;
		color:#e29327;
		font-size:30px;
	}
	.footer{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align:center;
		color:#FFFFFF;
		text-shadow: 2px 2px #000;
		bottom:35px;
		font-size:15px;
}
}