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

	/* Gobal */ 

	nav .locked span, nav .unlocked span {
   	 background-image: url(/Images/Global/locked_inverted.png);
	}

	body.horizontal.multipage ul.nav-list {
		box-shadow: none;
	}

	body.horizontal.multipage ul.nav-list {
		position: relative;
	}

	body.horizontal.multipage ul.nav-list {
    	background: #3b4b69;
	}

	body.horizontal div.mobile-nav nav .current a span {
    	box-shadow: inset 2px 0px 0 #ffffff;
    	color: #ffffff;
    	padding-left: 10px;
	}

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

	body.horizontal nav a:hover {
   	 color: #fff;
	}

	body.horizontal div.mobile-nav nav a:hover span {
    	box-shadow: inset 2px 0px 0 #fff;
	}

	body.horizontal nav a:hover {
    box-shadow: none;
	}

	body.horizontal nav a:hover span {
    padding-left: 10px;
	}

	.nav-toggle {
    color: #fff;
    padding: 10px 20px;
    line-height: 1;
    display: block !important;
    font-size: 17px;
	}

	.multipage.vertical article {
    	width: auto;
    	float: none;
	}

	body.horizontal .page-section {
    	width: 90%;
	}
	
	.multipage .desktop-nav {
		display: none;
	}

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

	.multipage article {
    float: none;
    width: 100%;
	}

	body {
        background-image: linear-gradient(#243859, #fff);
	}

	.site-wrapper {
		max-width: 80%;
		margin: 0 auto;
	    background: #fff;
	    margin-top: 30px;
	    margin-bottom: 50px;
	}

	.page-section.header {
	    text-align: center;
	    padding-top: 20px;
	    margin-bottom: 40px;
	}

	.site-wrapper {
    	background: #fff;
    	width: 90%;
    	max-width: 100%;
	}

	h1 .line1 {
    	font-size: 0.8em;
	}

	h1 .line2 {
    	font-size: 2.2em;
	}

}


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

	.rsvp-activity {
    	width: 100%;
	}

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

	div.banner {
	    width: 100%;
	    margin: 0 auto;
	    margin-top: 30px;
	}

	h1 .line2 {
    	font-size: 1.8em;
	}

	.numbers div {
	    float: left;
	    width: 50%;
	    padding: 1em 0em;
	}

	body {
		background-image: linear-gradient(#243859, #fff);
		margin-top: 55px;
	}

	img.flower-left {
		width: 35%;
	}

	.weddingsite-info {
    	padding: 40px 0px;
	}

}