@import url(vendor/reset.css);
h1,
h2,
h3 {
  font-weight: 400;
  font-family: "PT Serif Caption", serif;
  color: #b3d8df;
}

h2 {
  font-size: 36px;
}

p {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 1em;
  text-align: justify;
}

/*STYLED FONT
--------------------------------------------*/
@font-face {
  font-family: 'AcademyEngravedLetPlain';
  src: url("webfont/AcademyEngravedLetPlain.eot?") format("eot"), url("webfont/AcademyEngravedLetPlain.woff") format("woff"), url("webfont/AcademyEngravedLetPlain.ttf") format("truetype"), url("webfont/AcademyEngravedLetPlain.svg#AcademyEngravedLetPlain") format("svg");
}

span.font-face {
  font-family: 'AcademyEngravedLetPlain' !important;
  font-size: 54px;
  color: #6adbd8;
  float: left;
  line-height: 0.25em;
  padding: 22px 5px 0 0;
}
span.font-face.mac {
  padding: 32px 5px 0 0;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  header .nav-wrap {
    width: 90%;
    max-width: 1000px;
  }
  header .nav-wrap .full {
    display: none;
  }
  header .nav-wrap .toggle {
    display: inline-block;
    float: right;
    margin-top: 34px;
  }
  header .nav-wrap .mini {
    background: #93e5e3;
  }
  header.fixed .toggle {
    margin-top: 24px;
  }
  header.fixed .mini {
    top: 80px;
  }

  div.inner {
    width: 90%;
  }

  .title-row h2 {
    font-family: 'AcademyEngravedLetPlain' !important;
    font-size: 32px;
    color: #0abab5;
    display: inline-block;
  }
  .title-row h2 span.flourish-left,
  .title-row h2 span.flourish-right {
    display: none;
  }

  #break-one {
    height: 500px;
    background-size: auto;
  }
  #break-one .inner h3 {
    font-size: 24px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #break-one .inner h3.mac {
    line-height: 60px;
  }
  #break-one .inner p {
    font-size: 50px;
    margin-top: -10px;
  }
  #break-one .inner p.mac {
    margin-top: 0;
  }

  #quote-break {
    height: 500px;
    background-size: auto;
  }
  #quote-break .inner {
    height: 300px;
    position: absolute;
    text-align: center;
    top: 210px;
    width: 100%;
  }
  #quote-break .inner h3,
  #quote-break .inner p {
    display: inline-block;
    text-align: center;
    color: white;
  }
  #quote-break .inner h3 {
    font-size: 34px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #quote-break .inner h3.mac {
    line-height: 60px;
  }
  #quote-break .inner p {
    font-size: 56px;
    font-family: 'AcademyEngravedLetPlain' !important;
    display: block;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    margin-top: -10px;
  }
  #quote-break .inner p.mac {
    margin-top: 0;
  }

  .scroller-content {
    width: 100%;
  }

  .scroller-content-left {
    padding-right: 0;
  }

  .scroller-content-right {
    padding-left: 0;
  }

  #bridal-party .content-group {
    width: 100%;
    display: block;
    text-align: center;
  }
  #bridal-party .content-group p {
    text-align: center;
    float: none;
  }

  .scroller-content-registry {
    width: 100%;
  }

  .scroller-content,
  .scroller-content-registry,
  .scroller-content-full {
    padding: 0;
    min-height: 0;
  }
  .scroller-content:last-child,
  .scroller-content-registry:last-child,
  .scroller-content-full:last-child {
    padding-bottom: 70px;
  }

  footer .footer {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #break-one {
    height: 500px;
    background-size: auto;
  }
  #break-one .inner h3 {
    font-size: 36px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #break-one .inner h3.mac {
    line-height: 60px;
  }
  #break-one .inner p {
    font-size: 74px;
    margin-top: -10px;
  }
  #break-one .inner p.mac {
    margin-top: 0;
  }

  #quote-break {
    height: 500px;
    background-size: auto;
  }
  #quote-break .inner h3 {
    font-size: 56px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #quote-break .inner h3.mac {
    line-height: 60px;
  }
  #quote-break .inner p {
    font-size: 90px;
    margin-top: -10px;
  }
  #quote-break .inner p.mac {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header.fixed .nav-wrap .full ul li {
    margin: 30px 30px 0 0;
  }
  header.fixed .nav-wrap .full ul li:last-child {
    margin-right: 0;
  }
  header .nav-wrap {
    width: 90%;
    max-width: 1000px;
  }
  header .nav-wrap .full {
    display: inline-block;
  }
  header .nav-wrap .full ul li {
    margin: 30px 30px 0 0;
  }
  header .nav-wrap .toggle {
    display: none;
    float: right;
    margin-top: 34px;
  }
  header .nav-wrap .mini {
    display: none;
  }
  header.fixed .toggle {
    margin-top: 24px;
  }
  header.fixed .mini {
    top: 80px;
  }

  div.inner {
    width: 90%;
    margin: 0 auto;
  }

  #break-one {
    height: 500px;
    background-size: auto;
  }
  #break-one .inner h3 {
    font-size: 56px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #break-one .inner h3.mac {
    line-height: 60px;
  }
  #break-one .inner p {
    font-size: 116px;
    margin-top: -10px;
  }
  #break-one .inner p.mac {
    margin-top: 0;
  }

  #quote-break {
    height: 500px;
    background-size: auto;
  }
  #quote-break .inner h3 {
    font-size: 80px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #quote-break .inner h3.mac {
    line-height: 60px;
  }
  #quote-break .inner p {
    font-size: 130px;
    margin-top: -10px;
  }
  #quote-break .inner p.mac {
    margin-top: 0;
  }

  .scroller-content {
    width: 50%;
  }

  #bridal-party .content-group {
    width: 33.33%;
    display: inline-block;
    text-align: left;
  }
  #bridal-party .content-group p {
    font-size: 18px;
    text-align: left;
    float: left;
  }

  #registry span.target {
    background-size: 90% 90%;
  }
  #registry span.target:hover {
    background-size: 90% 90%;
  }
  #registry span.bbb {
    background-size: 90% 90%;
  }
  #registry span.bbb:hover {
    background-size: 90% 90%;
  }
  #registry span.cab {
    background-size: 90% 90%;
  }
  #registry span.cab:hover {
    background-size: 90% 90%;
  }

  .scroller-content-registry {
    width: 33.33%;
  }

  .scroller-content,
  .scroller-content-registry,
  .scroller-content-full {
    float: left;
    margin: 0;
    padding: 30px 0 140px 0;
    overflow: hidden;
    min-height: 12em;
  }
  .scroller-content:last-child,
  .scroller-content-registry:last-child,
  .scroller-content-full:last-child {
    padding-bottom: 140px;
  }
  .scroller-content.scroller-content-left,
  .scroller-content-registry.scroller-content-left,
  .scroller-content-full.scroller-content-left {
    padding-right: 15px;
  }
  .scroller-content.scroller-content-right,
  .scroller-content-registry.scroller-content-right,
  .scroller-content-full.scroller-content-right {
    padding-left: 15px;
  }

  footer .footer {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #break-one {
    height: 500px;
    background-size: auto;
  }
  #break-one .inner h3 {
    font-size: 62px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #break-one .inner h3.mac {
    line-height: 60px;
  }
  #break-one .inner p {
    font-size: 130px;
    margin-top: -10px;
  }
  #break-one .inner p.mac {
    margin-top: 0;
  }

  #quote-break {
    height: 500px;
    background-size: auto;
  }
  #quote-break .inner h3 {
    font-size: 80px;
    font-family: 'AcademyEngravedLetPlain' !important;
  }
  #quote-break .inner h3.mac {
    line-height: 60px;
  }
  #quote-break .inner p {
    font-size: 130px;
    margin-top: -10px;
  }
  #quote-break .inner p.mac {
    margin-top: 0;
  }

  #bridal-party .content-group p {
    font-size: 24px;
  }

  div.inner {
    width: 90%;
    margin: 0 auto;
  }

  .scroller-content {
    width: 50%;
  }

  .scroller-content-left {
    padding-right: 30px;
  }

  .scroller-content-right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  div.inner {
    width: 1000px;
    margin: 0 auto;
  }

  .scroller-content {
    width: 50%;
  }

  .scroller-content-left {
    padding-right: 30px;
  }

  .scroller-content-right {
    padding-left: 30px;
  }
}