main article
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
main article div
{
	width: 100%;
	max-width: 1024px;
	text-align: justify;
	padding: 2em;
}
main article figure
{
	line-height: 0;
	width: 80%;
}

@media (min-width: 780px) and (max-width: 1024px) 
{
	main 
	{
		padding: 1em;
	}
	main article div
	{
		width: 100%;
		text-align: justify;
		padding: 0;
	}
	main article figure
	{
		width: 100%;
	}

}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 200px) and (max-width: 780px) 
{
	main 
	{
		padding: 1em;
	}
	main article div
	{
		width: 100%;
		text-align: justify;
		padding: 0;
	}
	main article figure
	{
		width: 100%;
	}