@media only screen and (max-width: 500px) {
	:root {
		--padding: 12px;
		--padding-small: 12px;
		--gap: 12px;
		--radius: 4px;
	}

	.grid {
		grid-template-columns: repeat(1, 1fr);
	}

	/* Text styles */

	.huge {
		font-size: 44px;
	}

	.large {
		font-size: 21px;
		line-height: 120%;
		font-weight: 500;
	}

	.medium {
		font-size: 14px;
		line-height: 130%;
		font-weight: 450;
	}

	.small,
	p {
		font-size: 14px;
		line-height: 130%;
		font-weight: 450;
	}

	.tiny {
		font-size: 11px;
		font-weight: 450;
	}
}