@font-face {
  font-family: "Relative Faux";
  src: url('../fonts/Relative-Faux.ttf') format('truetype');
}
@font-face {
  font-family: "Relative Bold";
  src: url("fonts/Relative-Bold.ttf");
}
@font-face {
  font-family: "Relative Book";
  src: url("fonts/Relative-Book.ttf");
}

body {
	background-color: #8c8c8c;
	font-family: "Relative Faux";
}

.contenido {
	top: 1em;
	color: #ff5928;
	line-height: 1em;
}
.contacto {
	position: fixed;
	color: #000;
}
.contacto a{
	color: #000;
}
.contacto a:hover{
	color: #ff5928;
}

@media screen and (max-width:640px) {
	.contenido{
		font-size: 2em;
	}
	.contacto {
		bottom: 4em;
	}
}
@media screen and (max-width:1024px) and (min-width:640px) {
	.contenido{
		font-size: 3em;
	}
	.contacto {
		bottom: 3em;
	}
}
@media screen and (min-width:1024px) {
	.contenido{
		font-size: 6em;
	}
	.contacto {
		bottom: 10em;
	}
}