h3.icon {
  text-align: center;
  text-transform: uppercase; }
  h3.icon:before {
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    display: block;
    content: " ";
    margin: .25em auto; }
  h3.icon.where-icon:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20334.332%20334.332%22%3E%0A%09%09%3Cpath%20d%3D%22M197.874%2C83.402c-11.635%2C0-22.266%2C4.881-30.707%2C13.934c-8.443-9.053-19.074-13.934-30.709-13.934%20%20%20%20c-19.793%2C0-37.717%2C14.674-42.619%2C34.893c-2.547%2C10.504-2.836%2C27.17%2C10.258%2C46.9c11.779%2C17.752%2C31.844%2C34.014%2C59.635%2C48.334%20%20%20%20c1.078%2C0.557%2C2.256%2C0.834%2C3.436%2C0.834c1.178%2C0%2C2.357-0.277%2C3.436-0.834c27.789-14.318%2C47.852-30.58%2C59.631-48.332%20%20%20%20c13.092-19.732%2C12.805-36.396%2C10.256-46.902C235.587%2C98.076%2C217.665%2C83.402%2C197.874%2C83.402z%20M108.417%2C121.83%20%20%20%20c3.291-13.574%2C15.084-23.428%2C28.041-23.428c9.467%2C0%2C18.127%2C5.402%2C24.387%2C15.213c1.377%2C2.158%2C3.762%2C3.465%2C6.322%2C3.465%20%20%20%20c2.561%2C0%2C4.945-1.307%2C6.322-3.465c6.26-9.811%2C14.918-15.213%2C24.385-15.213c12.955%2C0%2C24.746%2C9.854%2C28.039%2C23.428%20%20%20%20c6.092%2C25.125-15.816%2C53.58-58.746%2C76.561C124.235%2C175.408%2C102.323%2C146.953%2C108.417%2C121.83z%22%3E%3C%2Fpath%3E%0A%09%09%3Cpath%20d%3D%22M167.167%2C0C96.444%2C0%2C38.905%2C57.539%2C38.905%2C128.266c0%2C68.816%2C117.721%2C198.158%2C122.731%2C203.631%20%20%20%20c1.422%2C1.551%2C3.428%2C2.436%2C5.531%2C2.436c2.104%2C0%2C4.111-0.885%2C5.531-2.436c5.012-5.473%2C122.729-134.814%2C122.729-203.631%20%20%20%20C295.427%2C57.539%2C237.89%2C0%2C167.167%2C0z%20M280.427%2C128.266c0%2C25.648-20.352%2C67.061-58.855%2C119.758%20%20%20%20c-22.053%2C30.184-44.344%2C56.139-54.404%2C67.551c-10.061-11.412-32.352-37.367-54.404-67.551%20%20%20%20c-38.504-52.697-58.857-94.109-58.857-119.758C53.905%2C65.811%2C104.714%2C15%2C167.167%2C15C229.62%2C15%2C280.427%2C65.811%2C280.427%2C128.266z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E); }
  h3.icon.when-icon:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348.83%20348.83%22%3E%0A%09%09%3Cpath%20d%3D%22M318.713%2C35.033h-8.965v-7.765c0-13.902-11.309-25.211-25.209-25.211c-13.902%2C0-25.213%2C11.309-25.213%2C25.211v7.765%0A%09%09%09h-59.699v-7.765c0-13.902-11.309-25.211-25.211-25.211c-13.9%2C0-25.211%2C11.309-25.211%2C25.211v7.765H89.506v-7.765%0A%09%09%09c0-13.902-11.309-25.211-25.211-25.211c-13.902%2C0-25.213%2C11.309-25.213%2C25.211v7.765h-8.967C13.51%2C35.033%2C0%2C48.544%2C0%2C65.15%0A%09%09%09v251.505c0%2C16.607%2C13.51%2C30.117%2C30.115%2C30.117h288.598c16.608%2C0%2C30.117-13.511%2C30.117-30.117V65.15%0A%09%09%09C348.83%2C48.544%2C335.32%2C35.033%2C318.713%2C35.033z%20M333.83%2C116.275H15V65.15c0-8.335%2C6.781-15.117%2C15.115-15.117h8.967v27.115%0A%09%09%09c0%2C13.901%2C11.311%2C25.21%2C25.213%2C25.21c13.902%2C0%2C25.211-11.31%2C25.211-25.21V50.033h59.699v27.115%0A%09%09%09c0%2C13.901%2C11.311%2C25.21%2C25.211%2C25.21c13.902%2C0%2C25.211-11.31%2C25.211-25.21V50.033h59.699v27.115%0A%09%09%09c0%2C13.901%2C11.311%2C25.21%2C25.213%2C25.21c13.9%2C0%2C25.209-11.31%2C25.209-25.21V50.033h8.965c8.336%2C0%2C15.117%2C6.782%2C15.117%2C15.117V116.275z%0A%09%09%09%20M274.326%2C27.269c0-5.63%2C4.582-10.211%2C10.213-10.211c5.629%2C0%2C10.209%2C4.58%2C10.209%2C10.211v49.879c0%2C5.63-4.58%2C10.21-10.209%2C10.21%0A%09%09%09c-5.631%2C0-10.213-4.581-10.213-10.21V27.269z%20M164.205%2C27.269c0-5.63%2C4.58-10.211%2C10.211-10.211%0A%09%09%09c5.631%2C0%2C10.211%2C4.58%2C10.211%2C10.211v49.879c0%2C5.63-4.58%2C10.21-10.211%2C10.21c-5.631%2C0-10.211-4.581-10.211-10.21V27.269z%0A%09%09%09%20M54.082%2C27.269c0-5.63%2C4.582-10.211%2C10.213-10.211c5.631%2C0%2C10.211%2C4.58%2C10.211%2C10.211v49.879c0%2C5.63-4.58%2C10.21-10.211%2C10.21%0A%09%09%09c-5.631%2C0-10.213-4.581-10.213-10.21V27.269z%20M333.83%2C316.655c0%2C8.336-6.781%2C15.117-15.117%2C15.117H30.115%0A%09%09%09c-8.334%2C0-15.115-6.781-15.115-15.117v-185.38h318.83V316.655z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M44.541%2C183.322H94.42c4.143%2C0%2C7.5-3.358%2C7.5-7.5c0-4.142-3.357-7.5-7.5-7.5H44.541c-4.143%2C0-7.5%2C3.358-7.5%2C7.5%0A%09%09%09C37.041%2C179.964%2C40.398%2C183.322%2C44.541%2C183.322z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M44.541%2C293.203H94.42c4.143%2C0%2C7.5-3.358%2C7.5-7.5c0-4.143-3.357-7.5-7.5-7.5H44.541c-4.143%2C0-7.5%2C3.357-7.5%2C7.5%0A%09%09%09C37.041%2C289.846%2C40.398%2C293.203%2C44.541%2C293.203z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M44.541%2C238.262H94.42c4.143%2C0%2C7.5-3.357%2C7.5-7.5c0-4.143-3.357-7.5-7.5-7.5H44.541c-4.143%2C0-7.5%2C3.357-7.5%2C7.5%0A%09%09%09C37.041%2C234.904%2C40.398%2C238.262%2C44.541%2C238.262z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M254.41%2C183.322h49.881c4.142%2C0%2C7.5-3.358%2C7.5-7.5c0-4.142-3.358-7.5-7.5-7.5H254.41c-4.143%2C0-7.5%2C3.358-7.5%2C7.5%0A%09%09%09C246.91%2C179.964%2C250.268%2C183.322%2C254.41%2C183.322z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M254.41%2C293.203h49.881c4.142%2C0%2C7.5-3.358%2C7.5-7.5c0-4.143-3.358-7.5-7.5-7.5H254.41c-4.143%2C0-7.5%2C3.357-7.5%2C7.5%0A%09%09%09C246.91%2C289.846%2C250.268%2C293.203%2C254.41%2C293.203z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M254.41%2C238.262h49.881c4.142%2C0%2C7.5-3.357%2C7.5-7.5c0-4.143-3.358-7.5-7.5-7.5H254.41c-4.143%2C0-7.5%2C3.357-7.5%2C7.5%0A%09%09%09C246.91%2C234.904%2C250.268%2C238.262%2C254.41%2C238.262z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M199.355%2C278.203h-49.881c-4.142%2C0-7.5%2C3.357-7.5%2C7.5c0%2C4.142%2C3.358%2C7.5%2C7.5%2C7.5h49.881c4.143%2C0%2C7.5-3.358%2C7.5-7.5%0A%09%09%09C206.855%2C281.561%2C203.498%2C278.203%2C199.355%2C278.203z%22%2F%3E%0A%09%09%3Cpath%20d%3D%22M170.816%2C258.685c1.119%2C0.61%2C2.355%2C0.916%2C3.592%2C0.916c1.236%2C0%2C2.473-0.306%2C3.592-0.915%0A%09%09%09c19.283-10.517%2C33.172-22.404%2C41.281-35.331c9.178-14.63%2C8.758-26.906%2C6.789-34.629c-3.783-14.835-16.428-25.196-30.752-25.196%0A%09%09%09c-7.73%2C0-15.006%2C3.128-20.908%2C8.813c-5.898-5.684-13.174-8.813-20.902-8.813c-14.318%2C0-26.961%2C10.36-30.742%2C25.194%0A%09%09%09c-1.971%2C7.723-2.393%2C20%2C6.781%2C34.629C137.654%2C236.281%2C151.539%2C248.169%2C170.816%2C258.685z%20M137.299%2C192.431%0A%09%09%09c2.055-8.055%2C8.871-13.901%2C16.209-13.901c5.641%2C0%2C10.648%2C3.349%2C14.486%2C9.685c1.357%2C2.244%2C3.791%2C3.614%2C6.414%2C3.615l0%2C0%0A%09%09%09c2.623%2C0%2C5.055-1.371%2C6.414-3.613c3.785-6.247%2C8.934-9.687%2C14.496-9.687c7.342%2C0%2C14.162%2C5.847%2C16.217%2C13.902%0A%09%09%09c1.576%2C6.183%2C3.373%2C27.733-37.127%2C51.071C133.922%2C220.166%2C135.723%2C198.614%2C137.299%2C192.431z%22%2F%3E%0A%3C%2Fsvg%3E); }

body {
  color: #36384C;
  background-color: #f8f2e4;
  font-size: calc(1em + 1vw);
  font-family: "Quicksand";
  line-height: 1.2; }

a {
  color: #613A43;
  transition: all .2s;
  text-decoration: none; }
  a:hover {
    opacity: .75; }

nav.main-nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 3em;
  font-family: "Amatic SC";
  z-index: 1000; }
  nav.main-nav ul li {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9); }
    nav.main-nav ul li a {
      padding: 0;
      font-size: 1em;
      line-height: 2em;
      color: #36384C;
      width: 100%;
      transition: all .2s;
      margin: 0;
      background: transparent; }
      nav.main-nav ul li a:hover {
        color: #613A43;
        text-decoration: none;
        background: rgba(97, 58, 67, 0.25); }

input {
  padding: 0 .25em; }

label[for='songs'], #final-step {
  margin-top: 1em; }

section {
  padding: 1em; }
  section .wrap {
    max-width: 1260px;
    margin: auto; }

#intro {
  height: 52vw;
  padding-top: calc(1em + 5vh);
  min-height: 17.5em;
  background: linear-gradient(to top, #613A43, rgba(97, 58, 67, 0.25));
  background-image: url(/announcement/assets/images/picture-of-us-1504.jpg);
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  position: relative; }
  #intro .dan-and-alexandra {
    font-family: Parisienne;
    font-size: calc(2em + 2.25vw);
    line-height: 1em;
    text-align: center;
    width: calc(40% - 1em);
    margin-top: calc(10% - .5em);
    text-shadow: 1px 1px white;
    background-color: rgba(255, 255, 255, 0.45);
    padding: .5em;
    border-radius: 50%;
    box-shadow: 0 0 1em rgba(255, 255, 255, 0.9); }
  #intro .gettin-married {
    color: white;
    text-shadow: 1px 1px black;
    float: right;
    margin-top: 15%;
    font-family: "Amatic SC";
    font-size: calc(2em + 4vw);
    font-weight: bold;
    max-width: 35%;
    line-height: 1em;
    text-align: center; }

#birch-at-night {
  min-height: 0;
  padding: 1em;
  background: linear-gradient(to right, #36384C 10%, #E3BAB3 50%, #36384C 90%); }
  #birch-at-night .silhouettes-image {
    box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.85);
    background-image: url(/announcement/assets/images/silhouettes-small.png);
    background-size: 17.5vw;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset -.5vw -.5vw 1.5vw #333;
    width: 20vw;
    max-width: 50vh;
    margin: auto;
    height: 20vw;
    max-height: 50vh;
    border-radius: 50%; }

#moments .our-moments {
  clear: both; }
#moments .moments-pic {
  display: block;
  height: 60vmin;
  width: auto;
  opacity: .25;
  transition: all 1s;
  margin: 0 .25em; }
  #moments .moments-pic.slick-current {
    opacity: 1; }
#moments #autoscroll-toggle {
  float: right;
  margin: 0;
  margin-left: 1em; }

.faq-list {
  column-count: 2;
  column-gap: 5em;
  font-size: .75em; }
  .faq-list .faq_box {
    padding-bottom: .5em;
    margin: .5em 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
    .faq-list .faq_box .faq_question {
      font-weight: bold;
      cursor: pointer;
      transition: all .1s; }
      .faq-list .faq_box .faq_question:after {
        content: "\21D2";
        display: inline-block;
        padding-left: .5em;
        opacity: .25; }
      .faq-list .faq_box .faq_question:hover {
        color: #613A43;
        text-decoration: underline; }
    .faq-list .faq_box .faq_answer {
      padding: .25em 1em;
      font-size: calc(.25vw + .75em);
      color: #666;
      display: none; }
      .faq-list .faq_box .faq_answer br {
        content: "";
        margin: .5em;
        display: block;
        font-size: 1em; }

#birch-hill {
  background-image: url(/announcement/assets/images/birch_hill.jpg);
  background-size: cover;
  height: 50vw;
  position: relative; }
  #birch-hill .birch-hill-alternate {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/announcement/assets/images/birch_hill_2.jpg);
    background-size: cover;
    animation: toggle 20s infinite; }

#forest {
  padding-top: calc(1em + 5vh);
  background-image: url(/announcement/assets/images/aspen-grove-colorado.jpg);
  background-image: url(/announcement/assets/images/birch-tree-wallpaper-3.jpg);
  background-size: cover; }
  #forest .silhouettes-image {
    box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.5);
    background-image: url(/announcement/assets/images/silhouettes-small.png), linear-gradient(135deg, #369, #ACF);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 90%;
    max-width: 900px;
    width: 75vw;
    max-width: 50vh;
    margin: 0 auto 4em;
    height: 75vw;
    max-height: 50vh;
    border-radius: 50%; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes toggle {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
h1, h2 {
  font-family: 'Parisienne', cursive;
  text-align: center;
  font-weight: bold;
  font-size: calc(2em + 2vw);
  line-height: 1em;
  position: relative;
  z-index: 100; }
  h1 small, h2 small {
    display: block;
    font-size: .5em; }

h2 {
  display: block;
  font-family: "Amatic SC";
  color: #849974;
  margin: .25em 0; }
  h2:after {
    display: block;
    width: 10vw;
    height: .05em;
    background: #849974;
    content: " ";
    margin: .1em auto; }

#mask {
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all .2s;
  display: none; }
  #mask.active {
    opacity: 1;
    display: block; }
  #mask h1 {
    margin-top: .25em;
    color: #E3BAB3; }
  #mask .invite-splash {
    background: white;
    padding: calc(1vw + 1em);
    margin: calc(1vw + 1em); }
  #mask button {
    color: #613A43;
    background: linear-gradient(to left top, #E3BAB3, #f8f2e4); }

button {
  color: #36384C;
  background: linear-gradient(to bottom, #FFF, #849974);
  padding: .5em 1em;
  border: none;
  margin: 1.5em 0;
  transition: all .1s;
  opacity: .6; }
  button:hover {
    opacity: .75;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
    transform: scale(1.05); }
  button:active {
    opacity: 1;
    transform: scale(0.95);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.75); }

pre {
  white-space: pre-wrap; }

.responsive-table {
  display: table;
  width: 100%; }
  .responsive-table .responsive-cell {
    display: table-cell; }
    .responsive-table .responsive-cell.w50 {
      width: 50%; }

.centered {
  text-align: center; }

.big-day {
  display: flex; }
  .big-day > div {
    width: 50%;
    padding: 0;
    margin: .5em;
    text-align: center; }
    .big-day > div .detail {
      white-space: nowrap;
      font-size: .9em; }
  .big-day .breakout {
    width: calc(100vw - 5em);
    max-width: 400px;
    max-height: 75vw;
    border: 0;
    height: 300px;
    display: block;
    margin: 1em auto;
    border: 5px solid rgba(132, 153, 116, 0.75);
    border-radius: .1em; }
  .big-day .addeventatc {
    background-color: #E3BAB3 !important;
    border-radius: .5em !important; }

a.directions {
  margin: 0;
  background-color: #E3BAB3 !important;
  border-radius: .5em !important;
  font-family: Roboto, 'Helvetica Neue', Helvetica, Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  padding: 13px 12px 12px 48px;
  color: black;
  font-weight: 300;
  position: relative;
  transition: all .1s;
  opacity: .9; }
  a.directions:before {
    background: url(/announcement/assets/images/car-icon.png);
    width: 25px;
    background-size: 25px;
    height: 25px;
    left: 12px;
    top: 8px;
    display: inline-block;
    position: absolute;
    content: " "; }
  a.directions:hover {
    opacity: 1;
    border: 1px solid rgba(54, 56, 76, 0.5); }

.guest-list {
  width: 90vw;
  margin: 1em 5vw;
  font-size: 2em; }
  .guest-list tr, .guest-list th, .guest-list td {
    padding: .5em 1em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 20vw; }
  .guest-list th {
    background-color: #613A43;
    color: white; }
  .guest-list .person-attending {
    text-align: center; }
  .guest-list tr.missingout {
    background-color: #CCC;
    opacity: .5; }
  .guest-list tr.attending {
    background-color: #ACA;
    font-weight: bold; }
  .guest-list tr.unanswered {
    background-color: #EEE;
    opacity: .75; }
  .guest-list .icon-attending {
    font-size: 3em; }

.icon-only {
  font-size: 2em;
  text-align: center;
  vertical-align: -.25em; }

.icon-attending:before {
  content: '\1F389'; }

.icon-unanswered:before {
  content: '\23F3'; }

.icon-missingout:before {
  content: '\1F62D'; }

.icon-frisbee:before {
  content: '\1F3C3'; }

.icon-nope:before {
  content: '\26D4';
  opacity: .5; }

.icon-watch:before {
  content: '\231A'; }

.icon-ru:before {
  content: '\1F1F7\1F1FA'; }

.icon-en:before {
  content: '\1F1FA\1F1F8'; }

.icon-enru:before {
  content: '\1F1FA\1F1F8 \1F1F7\1F1FA '; }

.icon-adult:before {
  content: '\1F468'; }

.icon-young-adult:before {
  content: '\1F64B'; }

.icon-child:before {
  content: '\1F466'; }

.icon-young-child:before {
  content: '\1F476'; }

.invite-page input, .invite-page button, .invite-page select {
  display: inline-block;
  margin: 1em; }
.invite-page #createInvite {
  display: none; }
.invite-page .guest-name {
  display: block; }

.guest-page {
  font-size: .5em; }

.accepting-box {
  display: flex; }
  .accepting-box > div {
    width: 50%;
    background-color: rgba(132, 153, 116, 0.25);
    border-radius: .5em;
    padding: 1em;
    margin: .5em;
    box-sizing: border-box; }
    .accepting-box > div label, .accepting-box > div input {
      cursor: pointer; }
      .accepting-box > div label:before, .accepting-box > div input:before {
        transition: all .2s;
        bottom: -.1em;
        position: relative;
        width: 2em;
        height: 2em;
        text-align: center;
        display: block; }
      .accepting-box > div label:hover, .accepting-box > div input:hover {
        color: #613A43; }
        .accepting-box > div label:hover:before, .accepting-box > div input:hover:before {
          transform: scale(2);
          bottom: -1em;
          left: -.25em; }
      .accepting-box > div label:checked + label:before, .accepting-box > div input:checked + label:before {
        transform: scale(2);
        bottom: -1em;
        left: -.25em; }

.rsvp-list {
  font-size: calc(.5em + .5vw); }
  .rsvp-list td, .rsvp-list th {
    padding: 1em;
    vertical-align: top; }
    .rsvp-list td div, .rsvp-list th div {
      padding: .25em 0; }
      .rsvp-list td div.attending, .rsvp-list th div.attending {
        font-weight: bold; }
      .rsvp-list td div.not-attending, .rsvp-list th div.not-attending {
        opacity: .5; }

.stats {
  font-size: calc(.5em + .5vw);
  padding: 1em; }
  .stats h3 {
    margin: 0; }
  .stats table {
    border: 1px solid rgba(97, 58, 67, 0.25); }
  .stats tr:nth-of-type(2n) {
    background-color: rgba(132, 153, 116, 0.1); }
  .stats tr:nth-of-type(2n-1) {
    background-color: rgba(97, 58, 67, 0.1); }
  .stats td {
    padding: .5em .25em; }
    .stats td:first-of-type {
      font-weight: bold; }

#rsvp .accepting-box label:before {
  float: left; }
#rsvp #step-two, #rsvp #step-three {
  display: none; }
#rsvp #step-two label {
  display: block; }
#rsvp #step-two select, #rsvp #step-two input {
  min-width: 400px;
  margin: .5em; }
#rsvp #step-three .guest-block {
  background-color: rgba(132, 153, 116, 0.25);
  border-radius: .5em;
  padding: .5em;
  margin-bottom: .5em;
  font-size: calc(.25vw + .75em); }
#rsvp #step-three .user-selects {
  float: right; }
  #rsvp #step-three .user-selects select {
    font-size: .7em; }
#rsvp #step-three input {
  min-width: 350px; }
#rsvp #step-three .user-questions {
  column-count: 2;
  column-gap: 2.5em;
  font-size: .75em; }
  #rsvp #step-three .user-questions li {
    margin: .5em 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
#rsvp #save-rsvp {
  display: block;
  transition: all .2s;
  margin: 1em auto; }
#rsvp #final-step {
  display: none; }
#rsvp select {
  border: 1px solid black; }
#rsvp textarea {
  width: 100%;
  height: 5em; }

#vendors {
  overflow: auto; }
  #vendors .vendor {
    float: left;
    text-align: center;
    width: 33%; }
    #vendors .vendor h4 {
      margin: 0; }
    #vendors .vendor p {
      font-size: .75em;
      color: #666;
      margin: .5em auto; }
    #vendors .vendor img {
      max-width: 300px;
      max-height: 300px;
      border-radius: 50%;
      filter: grayscale(100%);
      transition: all .2s;
      display: block;
      margin: auto; }
      #vendors .vendor img:hover {
        filter: grayscale(0); }

img.zoo {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 60vw;
  max-width: 320px;
  height: auto; }

img.amazon {
  margin: 2em auto;
  display: block;
  width: 50%;
  min-width: 200px; }

#countdown {
  text-align: center;
  background-color: rgba(97, 58, 67, 0.55);
  color: white;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: .25em;
  box-sizing: border-box; }

@media only screen and (max-width: 1024px) {
  .accepting-box, .big-day {
    flex-direction: column; }
    .accepting-box > div, .big-day > div {
      width: 100%;
      margin: .5em 0; }
      .accepting-box > div .detail, .big-day > div .detail {
        white-space: normal; }
      .accepting-box > div .icon, .big-day > div .icon {
        font-size: calc(1.5em + .75vw);
        float: left;
        padding: 1.5em calc(25vw - 150px) 3.5em; }

  #rsvp select#how-many, #rsvp input#rsvp-email {
    font-size: calc(.75em + .5vw);
    width: 100%;
    max-width: 600px;
    min-width: 200px;
    margin: .5em 0; }
  #rsvp #step-three .guest-block {
    overflow: auto; }
    #rsvp #step-three .guest-block .user-selects {
      width: 45%; }
      #rsvp #step-three .guest-block .user-selects select {
        width: 95%;
        clear: both;
        margin: .25em 0; }
    #rsvp #step-three .guest-block input {
      margin: .25em 0;
      width: 45%;
      min-width: 0; }

  #vendors .vendor {
    display: block;
    float: none;
    width: 100%;
    overflow: auto;
    padding: 1em 0; }
    #vendors .vendor img {
      float: left;
      width: 40vw; }
    #vendors .vendor h4 {
      margin-top: 5vmin; }

  .faq-list {
    column-count: 1; } }
@media only screen and (max-width: 800px) {
  #rsvp #step-three .user-questions {
    column-count: 1; } }
@media only screen and (max-width: 600px) {
  #intro .gettin-married {
    float: none;
    margin-top: 0;
    max-width: 55%;
    font-size: 2em; }
  #intro .dan-and-alexandra {
    width: 50%;
    font-size: calc(1.75em + 1.75vw); }

  .accepting-box > div .icon, .big-day > div .icon {
    float: none;
    padding: 0; }

  #rsvp #step-three .guest-block {
    text-align: center; }
    #rsvp #step-three .guest-block .user-selects {
      width: 100%; }
    #rsvp #step-three .guest-block input, #rsvp #step-three .guest-block select {
      width: 90%;
      max-width: 400px; } }
/* mobile only */
@media only screen and (max-width: 480px) {
  #intro {
    background-image: url(/announcement/assets/images/picture-of-us-960.jpg); }

  nav.main-nav ul li:not(.trigger) {
    display: none; }
  nav.main-nav ul.active-menu li {
    display: block; }

  .responsive-table .responsive-cell {
    display: block; }

  #mask button {
    margin: 1em 0; }

  #countdown .head {
    display: block; } }
/* small phone only */
@media only screen and (max-width: 365px) {
  #intro {
    background-position-x: calc(100vw - 375px); } }
@media only screen and (min-width: 481px) {
  nav.main-nav ul {
    display: table;
    width: 100%; }
    nav.main-nav ul li {
      display: table-cell;
      text-align: center;
      width: 25%; }
      nav.main-nav ul li.trigger {
        display: none; } }
@media only screen and (min-width: 1024px) {
  #intro {
    background-image: url(/announcement/assets/images/picture-of-us-2048.jpg); }

  #forest .silhouettes-image {
    background-image: url(/announcement/assets/images/silhouettes-large.png), linear-gradient(135deg, #369, #ACF); } }