@media screen and (max-width: 1450px) {
	body {
		background-position: bottom right -18em;
	}
}

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

	.graphic-top {
		left: -100px;
	}

	.site-name .line2 {
		font-size: 32px;
		padding: 20px 0;
	}

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

	article h2 {
		font-size: 28px;
	}

	.site-wrapper {
		margin: 20px;
		width: auto;
	}
}

@media screen and (max-width: 599px) 
{
	.site-inner-wrapper {
		padding: 20px;
	}

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

	.graphic-top {
		left: -100px;
		top: -18px;
		min-width: 300px;
	}	

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

	.site-wrapper {
		margin: 10px;		
	}
}