﻿@media screen and (max-width: 900px) 
{
	.page-section.header {
		background-size: auto 500px;
		padding-top: 165px;
		height: 220px;
	}

	.site-wrapper {
		padding-top: 300px;
	}

	h1 .line1 {
		font-size: 18px;
	}

	h1 .line2 {
		font-size: 32px;
		margin-top: 38px;
	}

	.page-section.main .page-wrapper {
		padding: 100px 40px 40px 40px;
	}

	.wedding-date {
		margin-top: 100px;
	}
}


@media screen and (max-width: 750px) 
{
	.page-section.header {
		background-size: auto 400px;
		padding-top: 120px;
		height: 177px;
	}

	.site-wrapper {
		padding-top: 240px;
	}

	h1 .line1 {
		font-size: 13px;
		letter-spacing: 2px;
	}

	h1 .line2 {
		font-size: 22px;
		margin-top: 34px;
		letter-spacing: 2px;
	}

	.page-section.main .page-wrapper {
		padding: 100px 40px 40px 40px;
	}

	.page-section.main {
		padding: 5px;
	}

	.wedding-date {
		margin-top: 90px;
	}

	.borderflower {
		width: 50px;
		height: 63px;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}

	.borderflower.borderflowertopleft, .borderflower.borderflowerbottomleft {
		background-position: right center;
	}

	.bordertop, .borderbottom {
		top: 0px;
		left: 5px;
		right: 5px;
	}

	.borderbottom {
		top: auto;
		bottom: 0px;
	}

	.borderleft, .borderright {
		top: 5px;
		left: 0px;
		bottom: 5px;
	}	

	.borderright {
		left: auto;
		right: 0px;
	}
}