#content-header
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#content-header img
{
	width: 100%;
	line-height: 0;
}
main
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 2em;
}
main img
{
	width: 100%;
}
.empresa-title
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.empresa-title figure
{
	position: relative;
	line-height: 0;
}
.empresa-title h1
{
	position: absolute;
	background: rgba(49, 115, 197, 0.8);
	padding: 1em;
	border-radius: 5px;
	color: white;
}
.content-descripcion
{

	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1024px;
}
.historia
{
	width: 100%;
	max-width: 1024px;
	display: flex;
	align-items: center;
	margin: 1em 0;
}
.historia figure
{
	order: 0;
	line-height: 0;
}
.historia div
{
	width: 50%;
	margin: 1em;
	text-align: justify;
}
.filosofia
{	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.filosofia article
{
	border:1px solid #dadada;
	margin: 1em;
	width: 46%;
	padding: 1em;
	box-shadow: 0px 0px 10px #dadada;

}
.filosofia article figure
{
	line-height: 0;
}
.filosofia article h2
{
	margin: 0.5em 0;
}
.filosofia article p
{
	text-align: justify;
}
.filosofia article ul
{
	margin-left: 1.5em;
}
@media only screen and (max-width: 1024px) {
	
	

	
}
@media only screen and (max-width: 768px){

	.historia
	{
		margin: 0;
	}
	.historia div
	{
		width: 60%;
		order: 0;
	}
	.historia figure
	{
		width: 40%;
		order: 1;
		border:1px solid #dadada;
		margin: 1em;
	}
	.filosofia article
	{
		width: 45%;
	}
	
	
}
@media screen and (max-width: 600px)
{
	.historia
	{
		flex-wrap: wrap;
	}
	.historia div, .historia figure
	{
		width: 100%;
	}
	.filosofia article
	{
		width: 100%;
		box-shadow: none;
		margin: 0.5em;
	}
	.empresa-title h1
	{
		padding: 0.5em;
	}
}
@media only screen and (max-width: 480px) {
	
	.empresa-title
	{
		flex-wrap: wrap;
	}
	.empresa-title h1
	{
		position: relative;
		order: 0;
		width: 100%;
		margin: 0;
		border-radius: 0px;
	}
	.empresa-title figure
	{
		order: 1;
		width: 100%;
	}
	
}