/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Arimo|Crete+Round|Merriweather');
* 
	{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Comic-Sans;
	text-align:center;
	h1, h2, h3, h4, h5, h6 {font-family: 'Comic Sans MS', serif;
	letter-spacing: 1.5px;
	}
	
 }


	 

	
h1 {
 	float: center;
	text-align:center;
 }
 


 
#banner {
	margin-top: 0;
	position:relative;
	}
	
#banner img {
	width: 100%;
	height:100%;
	}
	
#banner1 img {
	width: 100%;
	height:100%;
	}	
	
#banner2 img {
	width: auto;
	max width: 700px;
	}		
#titulos {
	margin-top: 0;
	position:relative;
	}
	
#titulos img {
	max-height:71px;
	max-width:350px;
	}	

#mensaje img {
	width: 100%;
	height:100%;
	max-height:30px;
	max-width:647px;
	}
		
#fotos .contenedor{
	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	width: auto;
	} 	
	
	
#fotos img{	
	width: 100%;
	max-width:350px;
	vertical-align: middle;	
	}	

#datos--contenedor{
	display: flex	;
	justify-content: left;
	flex-wrap: wrap;
	width: auto;
	background-color: #FFFFFF;
	} 
	 
#datos--columna {
	position: relative;
	margin-bottom: 30px;

}



#datos--txt {
	margin: 5px 0;
	align: left;
	ul: 5px;
}


#datos--img {
	width: 100%;
	max-height:1000px;
	max-width:750px;
	}

#datos article{	
	margin: 35px;
	text-align:left;
	}	
	
#contacto .contenedor{
	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	width: auto;
	padding: 30px;
	} 	
	
	
#contacto img{	
	width: 100%;
	max-width:300px;
	vertical-align: middle;	
	}	
	
 
 @media (min-width:1024px) {
.contenedor {
 		width: 800px;
		margin: center;
	}
	
#titulos img {
	max-height:71px;
	max-width:350px;
	}	
}	

 @media (min-width:480px) {
.contenedor {
 		width: 90%;
		margin: center;
	}
#datos .contenedor{

	h2: font-size: 12px;
		
	} 	
	

}

@media(min-width:768px) {	
#datos .contenedor{

	h2: font-size: 12px;
		
	} 
	
}