@media screen and (max-width: 620px) {

	main #voucher .container ul {
		display: inline-block;
	}

	main #discord .container iframe {
		width: 320px;
		height: 460px;
	}
}

@media screen and (max-width: 420px) {

	main #shop .container .grid {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 0px;
	}

	main #shop .container .grid .item:first-child {
		margin-top: 0px;
	}

	main #shop .container .grid .item {
		margin-top: 50px;
	}

	main #discord .container iframe {
		width: 250px;
		height: 360px;
	}
}

@media screen and (max-width: 360px) {

	main h1 {
		font-size: 30px;
	}
	
	main h2 {
		font-size: 26px;
	}
	
	main h3 {
		font-size: 22px;
	}
	
	main h4 {
		font-size: 18px;
	}
	
	main p {
		font-size: 14px;
	}

	main #welcome .container .title h1 {
		font-size: 28px;
	}

	main #welcome .container .title h2 {
		font-size: 15px;
	}

	main #discord .container iframe {
		width: 220px;
		height: 320px;
	}
}