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

	main
	{
		grid-template-columns: 100%;
	}
	
	.data-button
	{
		padding: 0.5em;
	}
}

@media only screen and (min-width: 640px) and (max-width: 1024px)
{
	#apparel-display
	{
		grid-template-columns: 40% 60%;
	}
	
	main
	{
		grid-template-columns: 100%;
	}
	
	.data-button
	{
		padding: 0em;
	}
}

@media only screen and (min-width: 1025px)
{
	#apparel-display
	{
		grid-template-columns: 40% 60%;
	}
	
	main
	{
		grid-template-columns: 10% 80% 10%;
	}
	
	.data-button
	{
		padding: 0em;
	}
}

main
{
	text-align: initial;
}

#apparel-display
{
	margin-top: 1em;
	grid-column-gap: 1em;
}

#categories
{
	grid-template-columns: auto auto auto auto;
	grid-template-rows: auto auto;
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	text-align: center;
}

#photo-controls
{
	justify-content: right;
	grid-template-rows: auto auto auto;
	grid-template-columns: 100%;
	grid-row-gap: 1em;
	margin-top: 1em;
}

#photo-container
{
	height: 100%;
}

#sizes
{
	grid-template-columns: auto auto auto auto auto auto;
	grid-column-gap: 0.5em;
	text-align: center;
}

#price-display
{
	font-size: 3em;
}

.data-button
{
	background-color: #ecd6c0;
	color: #2a1b1c;
	cursor: pointer;
	align-content: center;
	justify-content: center;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}