html {
		margin : 0; padding : 0 0 0;
		text-align : center;

  }

    body {
    	
		margin: 0 auto;
/*		padding: 1.6em 1.6em 48em;*/
		text-align : left;
		color: #444;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    }
    
    
	HEADER {
		padding : 12em 0 12em;
		background : #1d4020 url("/img/cover.jpg") 50% 50% no-repeat;
		background-size : cover;
		border-top : 10px solid #1d4020;
	}
	
	#park {
		position : fixed;
		top : 0; left : 0;
		width : 100%;
		height : 100%;
		background : #8eaed5 url("/img/new-central-park.jpg") top center no-repeat;
		background-size : cover;			
		z-index : -1;
		margin : 0;
	}

    H1 {
    	font-size : 2em; line-height : 1;
    	letter-spacing : -.04em;    	
    	color : #fff;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
    	margin : 0 0 .5em; padding : 0;
		text-rendering: optimizeLegibility;
    }
    H1 EM {
    	display : block;
    	font-weight : 700;
    	font-style : normal;
    	color : #fff;
    }
    
   H1 EM SPAN {
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    	color : #ccc;
    	font-size : .9em;
    	margin : auto -.13em;
    }   
    
    
    
    H1 STRONG {
    	font-weight : 700;
    }
    
        @media only screen and (max-width: 40em) {
    	body {
    		padding-bottom : 6em;
    	}
    	
    	H1 {
    		font-size : 2em;
    	}
    }
    
    H2 {
    	font-size : 1.5em; line-height : 1.2;
		margin : 0;
    	color : #9ba7aa;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
		letter-spacing : -.05em; 
    }   
    
    header h2 {
    	color : #ccc;
    } 

    header p {
    	font-size : 2em; line-height : 1.2;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B';
    	font-weight : 700; font-style : normal;
    	margin : 0 0 0;
    	color : #191919;
    	letter-spacing : -.06em;
    }
    
    header UL {
    	margin : 1em 0;
		list-style : none outside;
    }
    
    header UL LI {
		display : block;
		float : left;
		margin : 0 2em 0 0;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
    }
    
    HEADER UL LI A:link, A:visited {
    	text-decoration : none;
    }

    HEADER UL LI A:hover, A:active {
    	text-decoration : none;
    }

    
/* MOBILE MEDIA QUERY */

        @media only screen and (max-width: 40em) {
    	body {
    		padding-bottom : 12em;
    	}
    	
    	H1 {
    		font-size : 1.8em;
    	}
    	
    H2 {
    	font-size : 1.5em; 
    }    

    header p {
    	font-size : 1.5em; 
    }    
    
    HEADER {
    	padding-top : 3em;
    	padding-bottom : 1em;
    }
    
    HEADER .rsvp {
    	padding-top : 1em;
    	padding-bottom : 1em;
    }
    }    



    section {
    	padding : 3em 0 0;
/*    	border-top : 5px solid #cbb;*/
    }     
    
	#ceremony {
    	background-color : #fff;
    }
    
    #ceremony H2 {
    	font-size : 2.5em;
    }
    
    #ceremony H2 EM {
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    	color : #ccc;
    	font-size : .9em;
    	margin : auto 0em auto -.05em;    
    }   	 
    
    #couple {
		background : #595959 url("/img/tweed.png");
    	border-top : 1px solid #444;		
    }
    	
    	#couple H2 {
    		color : #999;
    	}
	    #couple H2 EM {
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    	color : #000;
    	font-size : .9em;
    	margin : auto 0em auto -.05em;    
    	}       	
    	
    	#couple P {
    		color : #ccc;
    		margin-bottom : 1em;
    	}
    	
    	#couple IMG[src="img/us.jpg"] {
    		border : 1px solid #333;
    		box-shadow: 1px 1px 5px #191919;
    	}
    	
    	#couple A:link, #couple A:visited {
    		color : #fff;
    	}
    
    #couple, #travel, #registry {
    	margin-top : -3.5em;    
    }
    
    #travel {
    	border-top : 1px solid #dee;
    	background : #EDF3F5;
    }
    
    #travel H2 EM {
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    	color : #ccc;
    	font-size : .9em;
    	margin : 0 -.1em 0 0.05em;    
    }      
    
    #registry {
    	padding-bottom : 3em;
		background-color : #EDF3F5;
		border-top : 1px solid #333;
    }
    
    #registry H2 EM {
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;		
    	color : #ccc;
    	font-size : .9em;
    	margin : auto 0em auto -.05em;    
    }        
    
	#ceremony .medium-8 {
		padding-bottom : 1em;
	}    

    #rsvp {
    	background : #A89681 url("/img/paper.png");
    	padding-bottom : 2em;
    	border-top : 1px solid #d6d4cc;
    }
    
    	#rsvp P {
    		font-size : 1em;
			color : #005475;
			margin : 1em 0;
    	}
    	
    	#rsvp P.rsvp {
    		margin-bottom : 3em;
    	}

    
    
    
    section H2 {
    	font-size : 2em; line-height : 1.2;
    	color : #9ba7aa;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
		letter-spacing : -.05em; 
    	text-align : center;
    	margin : 0 0 .5em;
	}
    
    section H3 {
    	margin : 1.6em 0 0.2em;
    	font-size : 1.2em; line-height : 1;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
		letter-spacing : -.05em;
    }    
    
    .rsvp {
    	font-size : 1.2em; line-height : 1;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 700; font-style: normal;
    }
    
	.rsvp A:link, .rsvp A:visited  {
		display : inline-block;
		padding : 1em 2em;
		font-size : 1.5rem;
		-webkit-border-radius: .75em;
		-moz-border-radius: .75em;
		border-radius: .75em;	
		-moz-box-shadow : inset 0px 1px 0px 0px #009EDB;
		-webkit-box-shadow : inset 0px 1px 0px 0px #009EDB;
		box-shadow : inset 0px 1px 0px 0px #009EDB;	
		text-shadow : 2px 2px 2px #191919;	
		background : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005475), color-stop(1, #002736) );
		background : -moz-linear-gradient( center top, #005475 5%, #002736 100% );	
		color : #fff;
		background-color : #001B26;	
		border : 1px solid #001B26;		
		text-decoration : none;
	}
	
	.registryLink {
		margin : 1em 0;
	}
	
	.registryLink A:link, .registryLink A:visited  {
		display : inline-block;
		padding : .5em 1em;
		font-size : .8rem;
		-webkit-border-radius: .75em;
		-moz-border-radius: .75em;
		border-radius: .75em;	
		color : #fff;
		background-color : #999;	
		border : 1px solid #888;		
		text-decoration : none;
	}	
    
    #travel H3, #registry H3 {
    	margin-bottom : 1em;
    }
    
    SECTION H4 {
    	font-size : 1em; line-height : 1.2;
		margin : 0 0 1em;
    	color : #9ba7aa;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: normal;
		letter-spacing : -.05em; 
    }    
    
    section P {
    	font-size : 1.1em; line-height : 1.5;
    	margin : 0 0 .5em;
    	color : #666;
		font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; font-style: normal;		
		letter-spacing : -.025em;
    }
    

    section .large-6 P, section .large-4 P, #ceremony .large-7 P, #ceremony .large-5 P, #couple .medium-5 P, #couple .medium-7 P {
    	font-size : 0.8em; line-height : 1.67; margin-bottom : 1em;
    }

	section .text-center {
		padding-bottom : 1em;
	}
	    
    #travel .large-3 {
    	padding-bottom : 2em;
    }
    
    
    

            
    A:link, A:visited {
    	color : #191919;
    	text-decoration : underline;
    }
    A:hover, A:active {
    	color : #000;
    	text-decoration : none;
    }
    footer {
    	margin : 0 0;
    	padding : 2em 0;
    	border-top : 1px solid #1d2029;
    	background : #1d2029 url("/img/blue-paper.png");
    	text-align : center;
    	font-size : .9em;
    	letter-spacing : -.01em;
    	text-rendering : optimizeLegibility;
		font-family: 'Surveyor SSm A', 'Surveyor SSm B'; font-weight: 300; font-style: italic;
    }
    
    footer A:link, footer A:visited {
    	color : #cbc8ba; text-decoration : none;
    }
    
    abbr {
    	text-decoration : none; border : none;
    	cursor : pointer;
    }