html {font-family: 'proxima-nova', Helvetica, Arial, sans-serif; overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-weight:400; font-size:16px; line-height:1.4; color:#454444; background:#ececec;}
html.ie-lt9 {overflow:auto;}

body {overflow-x:hidden;}
.ie-lt9 body {min-width:1024px;}

a {color:#192d2e; outline:none; font-weight:700; text-decoration:none;}
a:hover, a:active {color:#2a494b;}
/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color:#2a494b;} 

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background:#2d204a; color:#fff; text-shadow:none;}
::selection {background:#2d204a; color:#fff; text-shadow:none;} 

ins {background-color:#2d204a; color:#454444; text-decoration:none;}
mark {background-color:#2d204a; color:#454444; font-style:italic; font-weight:700;}


h1, h2, h3, h4, h5, h6 {font-weight:700; line-height:1; word-wrap:break-word;}
strong, b {font-weight:700;}
em, i {font-style:italic;}

/*Background Classes*/
.background-cover {-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.background-contain {-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; background-position:center center; background-repeat:no-repeat;}

#page-wrapper {max-width:1500px; margin:0 auto;}

.section-headline {line-height:1; letter-spacing:.2em; text-transform:uppercase; text-align:center; margin:0 auto; max-width:800px; display:inline-block; margin-bottom:20px;}
.section-headline span {font-size:20px; font-family:"proxima-nova-sc-osf-ext-cond", Helvetica, Arial, sans-serif; font-weight:600;}
.section-headline h2 {font-size:42px; padding-bottom:10px;}

#header-logo {width:220px; display:block; position:absolute; top:0; left:0;}

#hero {background-image:url('../img/header_bg.jpg'); display:table; width:100%; padding:220px 40px; position:relative;}
#hero-content {max-width:800px; display:table-cell; margin:0 auto; text-align:center; text-transform:uppercase; vertical-align:middle; color:#fff;}
#hero-tag {width:385px; margin:0 auto 10px auto; display:block;}
#hero-content h1 {letter-spacing:.2em; font-size:45px; line-height:1; margin-bottom:20px;}
#hero-content h2 {font-size:21px; font-weight:400; letter-spacing:.2em; border-top:1px solid #fff; display:inline-block; padding-top:20px; line-height:1.2;}

#our-story {background:#ececec; text-align:center; padding:100px 40px; position:relative;}
#our-story .section-headline {color:#454444; border-bottom:1px solid #454444;}
#our-story-portraits {display:block; margin:0 auto; width:485px; margin-bottom:20px;}
#our-story p {max-width:800px; margin:0 auto; margin-bottom:20px;}

#the-details {padding:100px 40px; text-align:center; background:#6ba5b1; position:relative; z-index:1;}
#the-details .section-headline {color:#192d2e; border-bottom:1px solid #192d2e;}
#heart-arrow {width:100px; display:block; position:absolute; left:50%; margin-left:-50px; top:0;}
#the-details-content {max-width:800px; margin:0 auto; text-transform:uppercase; color:#fff; letter-spacing:.2em; font-size:21px;}
#the-details-content-one {margin-bottom:20px;}
#the-details-content-two {border-top:1px solid #fff; display:inline-block; padding-top:20px;}
#bus-illustration {width:660px; display:block; margin:0 auto; margin-bottom:-190px; margin-top:40px;}

.profile-grid-wrapper {max-width:1000px; margin:0 auto;}
.profile-grid {width:50%; display:table; float:left; table-layout:fixed; margin-top:40px;}
.profile {display:table-cell; vertical-align:top; text-align:center; padding:0 10px;}
.profile img {width:220px; display:block; margin:0 auto; margin-bottom:10px;}
.profile h3 {font-size:17px; text-transform:uppercase; font-weight:600; line-height:1.2;}

#the-bridespeople {background:#ececec; text-align:center; padding:100px 40px; position:relative;}
#the-bridespeople .section-headline {color:#454444; border-bottom:1px solid #454444; margin-top:40px;}

#the-groomsmen {background:#fff; text-align:center; padding:100px 40px; position:relative;}
#the-groomsmen .section-headline {color:#454444; border-bottom:1px solid #454444;}

#our-registries {background:#2d204a; text-align:center; padding:100px 40px; position:relative;}
#our-registries .section-headline {color:#fff; border-bottom:1px solid #fff;}
#registry-links-wrapper {max-width:800px; margin:0 auto;}
#registry-links {display:table; table-layout:fixed; width:100%;}
.registry-link-wrapper {display:table-cell; padding-top:40px;}
.registry-link {background:#150636; max-width:335px; border-radius:100px; overflow:hidden; display:block; margin:0 auto; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.no-touch .registry-link:hover {background:#fff;}
#registry-link-logo {display:block;}
#registry-link-arrow {display:block;}

#footer {background-image:url('../img/footer_bg.jpg'); padding:150px 40px; display:table; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center bottom; background-repeat:no-repeat; position:relative;}
#footer-logo {display:table-cell; vertical-align:middle;}
#footer-logo img {display:block; margin:0 auto; width:335px;}



/*Media Queries*/
@media screen and (max-device-width:1024px){
    /*Allow zooming for safari on desktop, but deny for iPad/iPhone*/
	body {-webkit-text-size-adjust:none;}
}

@media all and (max-width: 875px) {
	.profile-grid {width:100%; float:none;}
	#header-logo {display:none;}
}

@media all and (max-width: 750px) {
	#registry-links {display:block;}
	.registry-link-wrapper {display:block;}

}

@media all and (max-width: 600px) {
	#hero {padding:120px 40px;}
	#hero-content h1 {letter-spacing:.1em; font-size:42px;}
	#hero-content h2 {font-size:18px; letter-spacing:.1em;}
	#the-details-content {letter-spacing:.1em; font-size:18px;}
	.section-headline {letter-spacing:.1em;}
	.section-headline span {font-size:18px;}
	.section-headline h2 {font-size:34px; padding-bottom:10px;}
	#footer {padding:60px 40px;}
}

@media all and (max-width: 479px) {
	.profile-grid, .profile {display:block; margin-top:40px;}

}