@media only screen and (max-width: 639px)
{
	article
	{
		grid-template-columns: 100%;
	}
}

@media only screen and (min-width: 640px) and (max-width: 1024px)
{
	article
	{
		grid-template-columns: 50% 50%;
	}
}

@media only screen and (min-width: 1025px)
{
	article
	{
		grid-template-columns: 50% 50%;
	}
}

article
{
	align-content: center;
	justify-content: center;
}

#content
{
	grid-template-rows: auto auto auto auto;
	grid-row-gap: 1em;
}

.text-entry
{
	justify-content: center;
	align-content: center;
	text-align: center;
	padding-left: 1.25em;
	padding-right: 1.25em;
}
