.importante{
	font-weight: 600;
}

/*intro*/
#intro p{
	font-size: 30px;
	padding-left: 40px;
	padding-top: 20px;
	color: white;
}

.dibujo{
	height: 70%;
	width: 100%;
}

.botones{
	/* height: 20%; */
	width: 90%;
	float:none;
	text-align:center;
	/*margin-top: 60px;*/
}

.botones #boton-prueba{
	background-color: white;
	border: none;
	color: black;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 50px 2px 0px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 6px;
}

.botones #boton-prueba:hover{
	background-color: black;
	color: white;
} 

#animation_container, #dom_overlay_container, canvas{
	width: 100% !important;
	height: 96% !important;
}

section#intro div.mitad div.dibujo iframe {
	width: 80%;
	height: 70%;
	/*padding-top: 70px;*/
}

section#pre-intro {
	text-align: center;
}

section#pre-intro h1{
	padding-top: 30px;
}

@media (max-width: 500px) {
	#intro p{
		font-size: 19px;
		padding-top: 0px;
	}
	
	.dibujo{
		height: 80%;
		text-align: center;
	}

	.botones{
		height: 20%;
	}
	
	#animation_container, #dom_overlay_container, canvas{
		height: 100% !important;
	}
}

@media (max-width: 700px) {
	iframe {
		width: 90%;
		height: 40%;
	}

	section#pre-intro h1{
		padding-top: 30px;
	}
}

@media (min-width: 1920px){
	#intro p{
		font-size: 50px;
	}
}