html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
 }
body{
	background: url(../img/fondo1.png) repeat ;
	background-color: rgb(240,240,240);
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-align:center;
	    align-items:center;
	font-family: helvetica, sans-serif;
} 
header{
	height: 50px;
	margin-bottom: 30px;	
}
.bars{
	background-color: rgb(196,45,14);
	color: rgb(245,245,245);
	text-align: center;
	width: 100%;
	display: flex !IMPORTANT;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-pack:center;
	    justify-content:center;
	-ms-flex-align:center;
	    align-items:center;
}
span{
	color: rgb(64,64,64);
}
h4{
	background-color: rgb(1,1,1);
	color: rgb(196,45,14);
	text-align: center;
	padding: 10px;
	border: 1px solid rgba(200,200,200,0.1);
	border-radius: 3px;
	
}
img{
	max-width: 100%;
}
#contenedor{
	padding: 25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-pack:center;
	    justify-content:center;
	-ms-flex-align:center;
	    align-items:center;
}
footer{
	height: 80px;
}

/*videos responsive*/
#iframe1, video{
	width:720px;height:480px;
}
@media (max-width:820px){
	#iframe1, video{width:640px;height:320px;}
	
}
@media (max-width:720px){
	#iframe1, video{width:420px;height:280px;}
	
}