@media screen and (max-width: 899px) {
	body {
		background-image: url("Images/body-bg-pad.jpg");
	}

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

	article h2 {
		font-size: 34px;
	}

	article h3 {
		font-size: 26px;
	}

	article h4 {
		font-size: 20px;
	}
}

@media screen and (max-width: 599px) 
{
	body {
		background-image: url("Images/body-bg-phone.jpg");
		font-size: 15px;
	}

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

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

	.site-wrapper,
	.page-section.footer {
		background-size: 200px auto;
	}

	.site-wrapper {
		padding-top: 30px;
	}

	.page-section.footer {
		padding-bottom: 80px;
	}

	article h2 {
		font-size: 28px;
	}

	article h3 {
		font-size: 24px;
	}

	article h4 {
		font-size: 18px;
	}	
}