@media screen and (max-width: 899px) {
	.site-wrapper {
		margin-top: 20px;
		padding: 30px;
	}

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

	.top-element {
		height: 260px;		
	}

	.page-section.header {
		padding-top: 85px;
	}

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

	.site-inner-wrapper {
		padding-top: 250px;
	}

	article h2 {
		font-size: 38px;
	}

	article h3 {
		font-size: 19px;
	}

	article h4 {
		font-size: 16px;
	}

	body {
		font-size: 16px;
	}

	.countdown .numbers .value {
		font-size: 34px;
	}

	.countdown h3 {
		font-size: 36px;
	}

	.footer-element {
		height: 180px;
	}

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

}

@media screen and (max-width: 599px) 
{
	.site-wrapper {
		width: auto;
		margin: 0;
		padding: 10px;
	}

	body {
		padding-bottom: 0;
	}

	.page-section.main,
	.vertical .page-section.main,
	.dropdown .page-section.main,
	body.dropdown .page-section.main {
		padding: 0 20px;
	}

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

	.top-element {
		height: 130px;
	}

	.page-section.header {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-inner-wrapper {
		padding-top: 305px;
	}

	.footer-element {
		right: 10px;
		bottom: 10px;
	}
}