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

	body {
		background-size: 130% auto;
	}

	.site-inner-wrapper {
		padding: 60px;
	}

	.site-name .line2 {
		font-size: 32px;
	}
	
	.wedding-date {
		font-size: 14px;
	}

	.site-name .line1 {
		font-size: 26px;
	}

	article h2 {
		font-size: 28px;
	}

	.site-wrapper {
		margin: 40px;
		width: auto;
		padding: 15px;
	}

	.hamburger {
		right: 50px;
		top: 550px;
	}
}

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

	body {
		background-size: 220% auto;
		padding-bottom: 6px;
	}

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

	.hamburger-box {
		width: 35px;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		width: 35px;
	}


	.site-inner-wrapper {
		padding: 20px;
	}

	figure.image {
		margin-bottom: 30px;
		padding: 5px;
	}

	.page-section.header {
		padding-bottom: 40px;
	}

	.site-wrapper {
		margin: 20px;
		padding: 5px;
	}

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