@charset "UTF-8";
.ha {
	font-family: "Homemade Apple", sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: 666;
}
.textopres {
	float: left;
	display: block;
	width: 60%;
	margin: 400px 0 0 100px;
	padding: 0 0 0 0;
}
.textopres h1 {
	font-size: 2.5em;
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0.9em;
}
.textopres p {
	font-size: 1.3em;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
@media screen and (min-width: 1680px) {
	.textopres {
		margin: 600px 0 0 100px;
		padding: 0 0 0 0;
	}
	.textopres h1 {
		font-size: 3em;
	}
}
@media screen and (max-width: 1024px) {
	#video-background {
	  display: none;
	}
	section.all {
		background: url('../images/fondo-movil.jpg') no-repeat center center !important;
		background-size: cover !important;
	}
	.textopres p {
		font-size: 1em;
		color: #999;
	}
}
@media screen and (max-width: 768px) {
	body {
		background: rgba(231,231,231,1);
	}
	.textopres {
		width: 60%;
		margin: 400px 0 0 80px;
		padding: 0 0 0 0;
	}
}
@media screen and (max-width: 650px) {
	.textopres {
		width: 60%;
		margin: 480px 0 0 80px;
		padding: 0 0 0 0;
	}
	.textopres h1 {
		font-size: 2em;
	}
	.textopres p {
		font-size: 0.9em;
		color: #999;
	}
}
@media screen and (max-width: 414px) {
	.textopres {
		width: 60%;
		margin: 350px 0 0 50px;
		padding: 0 0 0 0;
	}
	.textopres h1 {
		font-size: 2em;
		line-height: 1.3em;
	}
}
@media screen and (max-width: 375px) {
	.textopres {
		width: 50%;
		margin: 300px 0 0 50px;
		padding: 0 0 0 0;
	}
}
@media screen and (max-width: 320px) {
	.textopres {
		width: 50%;
		margin: 260px 0 0 40px;
		padding: 0 0 0 0;
	}
	.textopres h1 {
		font-size: 1.8em;
		line-height: 1.3em;
	}
	.textopres p {
		font-size: 0.85em;
		color: #999;
	}
}