/* ALL *******************************************************************************************************/
@media
{
	.article-icon
	{
		max-height: 4vw;
		max-width: 4vw;
		height: 4vw;
		width: 4vw;
		object-fit: contain;	
	}
	.article-image
	{
		max-height: 40vw;
		max-width: 50vw;
		object-fit: contain;
	}

	#article p
	{
		text-align: justify;
	}
}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	#article
	{
		gap: 1vw;
	}
}


/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
	#article
	{
		gap: 5vw;
	}
	.article-icon
	{
		max-height: 20vw;
		max-width: 20vw;
		height: 20vw;
		width: 20vw;	
	}
	.article-image
	{
		max-height: 100vw;
		max-width: 100vw;
	}
}