#content-header
{
	display: flex;
	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;
}
.contenedor1
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	max-width: 80%;
}
section .intro-a
{
	display: flex;
	align-items: center;
}
section .intro-a div
{
	margin: 1em;
	width: 60%;
}
section .intro-a div h2
{
	margin-bottom:0.5em;
}
section .intro-a figure 
{
	line-height: 0;
	padding: 1em;
	margin: 0;
}
section .intro-a img
{
	width: 100%;
}
section .intro-b
{
	display: flex;
	align-items: center;
}
section .intro-b img
{
	width: 100%;
}
section .intro-b figure
{
	line-height: 0;
	margin: 0;
	padding: 1em;
}
section .intro-b div ul
{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	justify-content: center;
}
section .intro-b div
{
	margin: 1em;
	width: 60%;
}
section .intro-b div h3
{
	margin: 0.5em 0;
}
section .intro-b div ul li 
{
	padding: 0.5em;
	margin: 0.3em;
	background: #0059cb;
	text-align: center;
	border-radius: 0.5em;
	color: #fff;
	width: 80%;
}
section .cableado
{
	display: flex;
	width: 100%;
	align-items: center;
}
section .cableado div
{
	margin: 1em;
	width: 60%;
}
section .cableado div ul
{
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: justify;
}
section .cableado div ul li  
{
	margin: 0.5em 0;
}
section .cableado img
{
	width: 100%;
}
section .cableado figure
{
	line-height: 0;
	margin: 0;
	padding: 1em;
}
main .marcas
{
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
main .marcas h3
{
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}
main .marcas img
{
	width: 80px;
}
@media only screen and (max-width: 1024px) {
	
	main
	{

	}
	.contenedor1
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		max-width: 100%;
	}
	.marcas
	{
		width: 100%;
		padding: 0 1em;
	}
	.marcas h3
	{
		margin-top: 0;
	}
	section .intro-a
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 1em;
	}
	section .intro-a div
	{
		width: 50%;
		padding: 0;
		margin: 0;
	}
	section .intro-a figure
	{
		width: 45%;
		padding: 0;
	}
	section .intro-b
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 1em;
	}
	section .intro-b div
	{
		width: 50%;
		padding: 0;
		margin: 0;
	}
	section .intro-b figure
	{
		width: 45%;
		padding: 0;
	}
	section .cableado
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 1em;
	}
	section .cableado div
	{
		width: 50%;
		padding: 0;
		margin: 0;
	}
	section .cableado figure
	{
		width: 45%;
		padding: 0;
	}
}
@media only screen and (max-width: 768px){

	main
	{
		
	}	
	.marcas 
	{
		width: 100%;
		justify-content: space-around;
	}	
	.marcas h3 
	{
		margin: 1em 2em;
	}
	section .intro-a
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 1em;
	}
	section .intro-a div
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	section .intro-a figure
	{
		width: 80%;
		padding: 0;
		margin: 1em;
	}
	section .intro-b
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 0 1em;
	}
	section .intro-b div
	{
		width: 100%;
		padding: 0;
		margin: 0;
		order: 0;
	}
	section .intro-b figure
	{
		width: 80%;
		padding: 0;
		order: 1;
		margin: 1em;
	}
	section .cableado
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 0 1em;
	}
	section .cableado div
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	section .cableado figure
	{
		width: 80%;
		padding: 0;
		margin: 1em;
	}
	section .intro-b div ul li
	{
		width: 45%;
	}
	
}
@media screen and (max-width: 600px)
{

	
}
@media only screen and (max-width: 480px) {
	
	main 
	{
		
	}
	section .intro-a
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 1em;
	}
	section .intro-a div
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	section .intro-a figure
	{
		width: 100%;
		padding: 0;
		margin: 1em 0;
	}
	section .intro-b
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 0 1em;
	}
	section .intro-b div
	{
		width: 100%;
		padding: 0;
		margin: 0;
		order: 0;
	}
	section .intro-b figure
	{
		width: 100%;
		padding: 0;
		order: 1;
		margin: 1em 0;
	}
	section .cableado
	{
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 0 1em;
	}
	section .cableado div
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	section .cableado figure
	{
		width: 100%;
		padding: 0;
		margin: 1em 0;
	}
	section .intro-b div ul li
	{
		width: 100%;
	}
	
}