main
{
	width: 100%;
}
main section
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
main article#computadoras
{
	width: 100%;
	max-width: 1200px;
	padding: 1em;
}
main article#computadoras div
{
	text-align: justify;
	padding: 0 1em;
}
main article#laptops
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	padding: 1em;
}
main article#laptops figure
{
	width: 50%;
}
main article#laptops div
{
	width: 48%;
}
main article#tablet div#cont-tablet
{
	position: relative;
	display: flex;
	align-items: center;
}
main article#tablet div#cont-tablet figure
{
	position: relative;
	width: 100%;
	line-height: 0;
}
main article#tablet div#cont-tablet div
{
	position: absolute;
	width: 30%;
	text-align: justify;
	padding: 2em;
	background: rgba(255,255,255,0.9);
	left: 3em;
}
/*---------------------------------------------------------------------------------------------------*/
@media (min-width: 780px) and (max-width: 1024px) 
{
	body
		{
			
		}
	main article#laptops figure, main article#laptops div
	{
		width: 100%;
	}
	main article#tablet 
	{
		flex-wrap: wrap;
		justify-content: center;
	}
	main article#tablet div#cont-tablet div
	{
		width:80%;
		left: 1em;
		padding: 2em;
		margin: 0 auto;
	}

}
/*---------------------------------------------------------------------------------------------------*/
@media (min-width: 200px) and (max-width: 780px) 
{
	body
		{
			
		}
		main article#laptops figure, main article#laptops div
	{
		width: 100%;
	}
	main article#tablet
	{
		padding: 1em;
	}
	main article#tablet div#cont-tablet
	{
		flex-wrap: wrap;
		justify-content: center;
	}
	main article#tablet div#cont-tablet figure
	{
		width: 100%;
	}
	main article#tablet div#cont-tablet div
	{
		position: relative;
		width:100%;
		left: 0;
		padding: 0;
	}