@media screen and (max-width: 899px) {
	body {
		background-image: url('Images/header_bg.jpg');
		background-size: auto auto;
		background-position: top center;
		background-attachment: scroll;
	}

	.site-wrapper {
		background-image: url('Images/footer_bg.jpg');
		background-size: auto auto;
		background-position: bottom center;
		background-attachment: scroll;
	}

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

@media screen and (max-width: 599px) 
{
	body,
	.site-wrapper {
		background-size: 260px auto;
	}

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