@media screen and (max-width: 899px) {
	.site-wrapper {
		margin: 0;
		padding: 0;
	}

	.site-name .line1,
	.wedding-date {
		font-size: 22px;
	}

	.site-name .line2 {
		font-size: 52px;
	}

	.hamburger {
		top: 0;
		right: 0;
	}
}

@media screen and (max-width: 599px) 
{
	.site-outer-wrapper {
		margin: 20px;
		width: auto;
	}

	.site-name .line1, .wedding-date {
		font-size: 20px;
	}

	.site-name .line2 {
		font-size: 36px;
	}

	.countdown h3 {
		font-size: 22px;
	}
}