@font-face {
  font-family: 'Sue Ellen Francisco';
  src: url("sue_ellen_francisco-webfont.eot");
  src: url("sue_ellen_francisco-webfont.eot?#iefix") format("embedded-opentype"), url("sue_ellen_francisco-webfont.woff") format("woff"), url("sue_ellen_francisco-webfont.ttf") format("truetype"), url("sue_ellen_francisco-webfont.svg") format("svg"); }

body h1, body h2, body h3, body h4, body h5 {
  font-family: "Sue Ellen Francisco", sans-serif; }
  @media only screen and (max-width: 40em) {
    body h1, body h2, body h3, body h4, body h5 {
      font-size: 2em; } }
@media only screen and (max-width: 40em) {
  body h2 {
    font-size: 1.8em; } }
body p {
  font-family: "adobe-garamond-pro", sans-serif;
  font-size: 1.2em; }
  @media only screen and (max-width: 64.063em) {
    body p {
      font-size: 1em; } }

a {
  color: #f27861; }

a:hover {
  color: #b4cbc1; }

.pad-me {
  margin-top: 5%; }

@media only screen and (max-width: 40em) {
  .border {
    width: auto !important;
    padding-bottom: 1em; } }

.mobile-intro img {
  display: block;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (max-width: 64em) {
  .mobile-intro {
    width: 100%; } }
@media only screen and (min-width: 64.063em) {
  .mobile-intro {
    display: none; } }

.intro-bg {
  background: url(../img/intro-test.jpg) no-repeat center center fixed;
  min-height: 900px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media only screen and (max-width: 64em) {
    .intro-bg {
      display: none; } }

.couple {
  padding-top: 4%;
  padding-bottom: 4%; }
  @media only screen and (max-width: 40em) {
    .couple {
      padding-top: 10%; } }
  .couple h1 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2em; }
  .couple h2 {
    font-weight: 400;
    text-transform: uppercase;
    text-align: center; }
  .couple img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    margin-bottom: 10%; }

.city {
  padding-top: 4%;
  padding-bottom: 4%; }
  @media only screen and (max-width: 40em) {
    .city {
      padding-top: 20%; } }
  .city h1 {
    text-transform: uppercase;
    text-align: center; }
  .city h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0; }
  .city h3 {
    text-align: center;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 400; }
  .city img {
    margin-bottom: 6%; }

.venue {
  padding-top: 4%;
  padding-bottom: 4%; }
  .venue h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0; }
  .venue img {
    padding-bottom: 5%; }
  .venue [class*="column"] + [class*="column"]:last-child {
    float: right;
    padding-top: 5%; }

.registry {
  padding-top: 4%;
  padding-bottom: 4%; }
  @media only screen and (max-width: 40em) {
    .registry {
      padding-top: 20%;
      padding-bottom: 10%; } }
  .registry h1 {
    text-transform: uppercase;
    text-align: center; }
  .registry h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    text-align: center; }
  .registry img {
    display: block;
    margin-top: 5%;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto; }

.details {
  padding-top: 4%;
  padding-bottom: 4%;
  text-align: center; }
  .details h1 {
    text-transform: uppercase; }
  .details h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0; }
  .details h3 {
    font-weight: 400; }
    @media only screen and (max-width: 40em) {
      .details h3 {
        font-size: 1.4em; } }
  .details p {
    text-transform: none;
    margin-top: 5%;
    margin-bottom: 5%; }

.footer {
  text-align: center;
  font-size: .8em;
  text-transform: uppercase; }