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

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

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

@media screen and (max-width: 599px) 
{
	.page-section,
	.page-section.header {
		padding-left: 20px;
		padding-right: 20px;
	}

	.page-section.header {
		padding-bottom: 0;
		padding-top: 0;
		margin-bottom: 30px;
	}

	.site-name {
		margin-top: 80px;
	}

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

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

	.hamburger {
		top: 10px;
		right: 10px;
	}
}