@media only screen and (min-width: 1024px) {

	/* MENU FIX */
	.vertical.multipage .desktop-nav nav .content {
		z-index: 2;
		position: absolute;
	}
	
}
@media only screen and (max-width: 1024px) {

	/* Gobal */ 
	body {
		background: #fff;
		background-position: bottom right;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.site-wrapper {
		max-width: 80%;
		margin: 0 auto;
	    background-image: url(Images/paper-backg-repeat.jpg);
	    margin-top: 30px;
	    margin-bottom: 50px;
	}

	div.page-section.header {
		height: 295px;
	}

	h1, .site-title, h2, .countdown h3 {
    	font-size: 20px;
	}

	/* Header */
	
	h1 .line1 {
	    font-size: 14px;
	}

	h1 .line2 {
	    font-size: 28px;
	}

	/* Content */ 
	.multi-horizontal .content.hasimage figure {
	    max-width: none;
	}

	.site-wrapper {
		    margin-top: 0px;
			padding: 0px;
			width: 100%;
			max-width: 100%;
			margin-bottom: 0px;
			margin-top: 0px;
	}

	div.page-wrapper {
		padding: 0px 30px;
	}


	div.page-section.header {
		background-image: url(Images/top-backg-flip.png);
		background-position: top left;
		padding-top: 0px;
		height: auto;
	}

	.page-section.footer {
		background-image: url(Images/footer-backg.png);
		background-size: contain;
   		background-position: right bottom;
    	background-repeat: no-repeat;
    	margin-bottom: 0px;
	}

	.top-element {
		display: none;
	}

}

	@media screen and (max-width: 768px) {


		.multipage.horizontal nav a {
		    padding: 0 20px;
		}

		
		.multipage .mobile-nav {
		    display: block;
		    position: fixed;
		}

		.site-wrapper {
			    margin-top: 0px;
		}

		.rsvp-activity {
    		width: 100%;
		}

		.rsvp-activity-options {
			width: 100%;
			padding-bottom: 15px;
		}

		span.rsvp-activity-name {
		    padding-bottom: 15px;
		}

	}

	/* Menu */ 

	@media screen and (max-width: 658px) {

		.top-element {
			display: none;
		}

		.site-wrapper {
			padding: 0px;
			width: 100%;
			max-width: 100%;
			margin-bottom: 0px;
			margin-top: 0px;
		}

		div.page-wrapper {
			padding: 0px 20px;
		}

		div.page-section.header {
				background-image: url(Images/top-backg-mobile.png);
				background-position: top left;
				padding-top: 0px;
				height: auto;
				min-height: 240px;
		}

		.js .onepage .mobile-nav {
		    top: 0;
		    right: auto;
		    left: 0;
		    width: 100%;
		}

		.nav-toggle span {
		    background: url(/Images/Global/menu_inverted.png) right center no-repeat;
		    display: block;
		    padding-right: 25px;
		}

}