/*
---
name: parseInt
description: returns a number from a given string
source: http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/
...
*/
/*
---
name: u ("u" is for unit)
description: converts REM values into PX values targeting a specific stylesheet
source: http://davidwalsh.name/rem-px-browser-function-sass
return: A list of converted values
...
*/
/* line 1, sass/additional/_normalize.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 19, sass/additional/_normalize.scss */
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

/* line 25, sass/additional/_normalize.scss */
*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

/* line 32, sass/additional/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

/* line 44, sass/additional/_normalize.scss */
ol, ul {
  list-style: none;
}

/* line 47, sass/additional/_normalize.scss */
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

/* line 51, sass/additional/_normalize.scss */
caption, th, td {
  font-weight: normal;
  text-align: left;
}

/* line 55, sass/additional/_normalize.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

/* line 59, sass/additional/_normalize.scss */
blockquote, q {
  quotes: "" "";
}

/* line 62, sass/additional/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/* line 65, sass/additional/_normalize.scss */
a:hover,
a:active {
  outline: 0;
}

/* line 69, sass/additional/_normalize.scss */
a img {
  border: 0;
}

/* line 73, sass/additional/_normalize.scss */
input {
  -webkit-appearance: none;
  border-radius: 0;
}

/* line 74, sass/additional/_normalize.scss */
body {
  -webkit-text-size-adjust: 100%;
}

/* line 75, sass/additional/_normalize.scss */
textarea, input {
  outline: none;
}

/* line 76, sass/additional/_normalize.scss */
a:hover, a:active, a:focus, a {
  outline: 0;
}

/* line 77, sass/additional/_normalize.scss */
menu {
  margin: 0;
  padding: 0;
}

/*  Tips 'n Trix
..........................

@include bgcover();
@include bgcovercenter();
@include bgcontain();
@include centre(both);
@include transition(all, 0.3s, ease-in-out);
.no-svg #hero { background-image: url(/images/pattern.png); }

font-size: u(1.4rem);
padding: u(1rem 3rem 4rem 3rem);


*/
/*  Colors
..........................*/
/*	Type
..........................*/
@font-face {
  font-family: 'noble';
  src: url("noble_notes-webfont.woff2") format("woff2"), url("noble_notes-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'shoreline';
  src: url("shorelines_script_bold-webfont.woff2") format("woff2"), url("shorelines_script_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* line 50, sass/_main.scss */
ol, ul {
  list-style: none;
}

/* line 51, sass/_main.scss */
.entry ul {
  list-style: disc inside;
}

/* line 52, sass/_main.scss */
.entry ol {
  list-style: decimal inside;
}

/*  Structure
..........................*/
/* line 57, sass/_main.scss */
html {
  font: 62.5%/1.5 "Lettera-Regular", georgia, serif;
  -webkit-text-size-adjust: 100%;
  background-color: #77c5d5;
  color: #fff;
}

/* line 58, sass/_main.scss */
html, body {
  height: 100%;
}

/* line 60, sass/_main.scss */
.js #preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #6cbde9;
  background: -webkit-linear-gradient(-45deg, #6cbde9 0%, #a2afe9 100%);
  background: -webkit-linear-gradient(315deg, #6cbde9 0%, #a2afe9 100%);
  background: linear-gradient(135deg, #6cbde9 0%, #a2afe9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbde9', endColorstr='#a2afe9',GradientType=1 );
}

/* line 68, sass/_main.scss */
.js #preloader img {
  width: 200px;
  height: auto;
  -webkit-animation: loadspin 4s linear;
          animation: loadspin 4s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/* line 69, sass/_main.scss */
.js #preloader #load-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 70, sass/_main.scss */
.js #preloader p {
  text-align: center;
  font-family: "shoreline", "Georgia", serif;
  font-size: 40px;
  margin-bottom: 20px;
}

@-webkit-keyframes loadspin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
  }
}
/* line 77, sass/_main.scss */
.preload-off {
  display: none;
}

/* line 79, sass/_main.scss */
#bottom-heading-wrap {
  font-size: 3rem;
  line-height: 1.4em;
  letter-spacing: 0.2em;
  text-align: center;
  color: #F65275;
  font-weight: bold;
  top: 500px;
  top: 90vh;
}

/* line 80, sass/_main.scss */
#bottom-heading {
  font-family: "Reenie Beanie", "shoreline", "Georgia", serif;
  font-weight: normal;
}

/* line 82, sass/_main.scss */
.full-height {
  height: 100%;
}

/* line 83, sass/_main.scss */
#content p {
  font-size: 1rem;
}

/* line 84, sass/_main.scss */
.floating {
  -webkit-animation-name: floating;
          animation-name: floating;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 92, sass/_main.scss */
.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  45% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  45% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
/* line 111, sass/_main.scss */
.layer-bg {
  background: url(images/cloud3.png);
  background-size: 750px auto;
  background-position: 10% 70%;
  opacity: 0.5;
  background-repeat: repeat;
  z-index: 10;
  webkit-transform: translate3d(0, 0, 0);
}

/* line 121, sass/_main.scss */
.layer {
  top: 0;
  width: 100%;
  height: 10000px;
  position: fixed;
  z-index: 2;
}

/* line 132, sass/_main.scss */
.layer-1 {
  background: url(images/cloud2.png);
  background-size: 1000px auto;
  background-position: 80% 20%;
  background-repeat: repeat;
  opacity: 0.7;
  z-index: 9;
  webkit-transform: translate3d(0, 0, 0);
}

/*  Navigation
..........................*/
/* line 147, sass/_main.scss */
#mobileNavIcon {
  display: none;
}

/* line 148, sass/_main.scss */
#main-menu li {
  display: inline;
}

/*  Landing
..........................*/
/* line 152, sass/_main.scss */
.sky-wrap {
  background: #bcdcda;
  position: relative;
  z-index: 100;
  display: block;
  background: #bcdcda;
  background: -webkit-linear-gradient(top, #bcdcda 0%, #f9d5b3 100%);
  background: linear-gradient(to bottom, #bcdcda 0%, #f9d5b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdcda', endColorstr='#f9d5b3',GradientType=0 );
  overflow: hidden;
}

/* line 161, sass/_main.scss */
body {
  font-family: "Courier New", "Courier", serif;
}

/* line 162, sass/_main.scss */
#landing {
  height: 100vh;
}

/* line 164, sass/_main.scss */
#landing {
  background: url(images/cloud3.png);
  background-size: 1000px auto;
  -webkit-animation: 7s linear 0s normal none infinite cloud1;
          animation: 7s linear 0s normal none infinite cloud1;
  width: 100%;
  z-index: 11;
}

/* line 170, sass/_main.scss */
#landing-bg {
  height: 100%;
  width: 100%;
  background: url(images/cloud2.png);
  background-size: 700px auto;
  -webkit-animation: 5s linear 0s normal none infinite cloud2;
          animation: 5s linear 0s normal none infinite cloud2;
}

@-webkit-keyframes cloud1 {
  from {
    background-position: 0 1000px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes cloud1 {
  from {
    background-position: 0 1000px;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes cloud2 {
  from {
    background-position: 0 700px;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes cloud2 {
  from {
    background-position: 0 700px;
  }
  to {
    background-position: 0 0;
  }
}
/* line 183, sass/_main.scss */
#landing h1 {
  font-family: "noble", "Georgia", serif;
  font-size: 90px;
  font-size: 14vw;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 40px;
  top: 4vh;
  width: 100%;
  line-height: 1;
  color: #42413d;
}

/* line 189, sass/_main.scss */
#top-heading-wrap, #bottom-heading-wrap {
  z-index: 900;
}

/* line 191, sass/_main.scss */
#shoe {
  position: absolute;
  top: 30rem;
  left: 30rem;
  left: 25vw;
  z-index: 999;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

/* line 192, sass/_main.scss */
#shoe img {
  width: 4rem;
  height: auto;
}

/* line 194, sass/_main.scss */
#flowers {
  position: absolute;
  top: 20rem;
  right: 25rem;
  right: 21vw;
  z-index: 999;
  -webkit-animation: backspin 4s linear infinite;
  animation: backspin 4s linear infinite;
}

/* line 195, sass/_main.scss */
#flowers img {
  width: 125px;
  width: 7vw;
}

/* line 197, sass/_main.scss */
.shoe-fixed {
  position: fixed !important;
  top: 100px !important;
  -webkit-transition-property: left, top;
  transition-property: left, top;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 198, sass/_main.scss */
.flowers-fixed {
  position: fixed !important;
  top: 0 !important;
  -webkit-transition-property: top, right;
  transition-property: top, right;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 200, sass/_main.scss */
.shoe-left {
  left: -200px !important;
  top: -50px !important;
}

/* line 201, sass/_main.scss */
.flowers-right {
  right: -200px !important;
  top: -50px !important;
}

/* line 205, sass/_main.scss */
#home-down {
  position: absolute;
  left: 20%;
  top: 70vh;
  display: none;
  z-index: 5000;
  color: #42413d;
  font-family: "Reenie Beanie", "shoreline", "Georgia", serif;
  text-decoration: none;
  font-size: 2.1rem;
  width: 9rem;
  text-align: center;
  line-height: 1.8;
}

/* line 221, sass/_main.scss */
#landing-down {
  position: absolute;
  left: 100px;
  bottom: 160px;
  display: none;
  z-index: 5000;
}

/* line 230, sass/_main.scss */
.skip-arrow img {
  width: 6rem;
  -webkit-animation-name: arrow-wobble;
          animation-name: arrow-wobble;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  cursor: pointer;
  z-index: 5000;
}

/* line 240, sass/_main.scss */
.skip-arrow img:hover {
  -webkit-animation-name: arrow-wobble;
          animation-name: arrow-wobble;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes arrow-wobble {
  from {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  45% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

@keyframes arrow-wobble {
  from {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  45% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes backspin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes backspin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 262, sass/_main.scss */
#us-falling {
  width: 100%;
  display: block;
  margin: 0 auto;
  z-index: 1001;
  position: relative;
  padding-top: 12%;
  padding-top: 12vw;
  pointer-events: none;
}

/* line 263, sass/_main.scss */
#us-wrap {
  width: 400px;
  width: 50vh;
  margin: 0 auto;
}

/* line 264, sass/_main.scss */
#us-falling img {
  width: 100%;
  margin-left: -5%;
}

/* line 265, sass/_main.scss */
.stuck {
  position: fixed !important;
  top: -50px !important;
  padding-top: 0 !important;
  -webkit-transition-property: top, bottom;
  transition-property: top, bottom;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 268, sass/_main.scss */
.just-about-to-land {
  top: 30vh !important;
}

/* line 269, sass/_main.scss */
.ms .just-about-to-land {
  top: -50px !important;
}

/* line 270, sass/_main.scss */
.we-landed {
  position: absolute !important;
  top: initial !important;
  bottom: 90px !important;
  padding-top: 0 !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 500 !important;
}

/* line 272, sass/_main.scss */
#landing-image {
  display: none;
}

/* line 274, sass/_main.scss */
.not-ms .we-landed #landing-image {
  display: block !important;
  width: 75%;
  margin: 0 auto;
  z-index: 10000;
}

/* line 276, sass/_main.scss */
.we-landed #flying-image {
  display: none;
}

/* line 284, sass/_main.scss */
.ms .we-landed #landing-image {
  display: block !important;
  margin: 0 auto;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  left: 38%;
}

/* line 285, sass/_main.scss */
.ms .we-landed #landing-image img {
  width: 38vh;
}

/* line 287, sass/_main.scss */
#flashbacks {
  margin-top: 20rem;
}

/* line 288, sass/_main.scss */
.polaroid-link {
  background-color: #eff4f1;
  color: #000;
  width: 20rem;
  margin: 0 auto;
  text-align: center;
  z-index: 1000;
  font-family: "Reenie Beanie", "shoreline", "Georgia", serif;
  font-size: 2.2rem;
  padding: 1rem 1rem 0 1rem;
  display: block;
  border: 1px solid #42413d;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 289, sass/_main.scss */
.polaroid-link:nth-child(odd) p {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  color: #42413d;
}

/* line 290, sass/_main.scss */
.polaroid-link:nth-child(even) p {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  color: #42413d;
}

/* line 292, sass/_main.scss */
.polaroid-link img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  z-index: 9;
  position: relative;
  margin-right: 1rem;
  border: 1px solid #42413d;
  opacity: 0.8;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

/* line 293, sass/_main.scss */
.polaroid-link:nth-child(odd) {
  left: 30rem;
  position: relative;
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}

/* line 294, sass/_main.scss */
.polaroid-link:nth-child(even) {
  right: 30rem;
  position: relative;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
}

/* line 295, sass/_main.scss */
.gloss {
  background: -webkit-linear-gradient(-45deg, rgba(51, 49, 49, 0.5) 0%, rgba(112, 110, 108, 0) 30%, rgba(194, 191, 186, 0) 70%, rgba(255, 251, 245, 0.5) 100%);
  background: -webkit-linear-gradient(315deg, rgba(51, 49, 49, 0.5) 0%, rgba(112, 110, 108, 0) 30%, rgba(194, 191, 186, 0) 70%, rgba(255, 251, 245, 0.5) 100%);
  background: linear-gradient(135deg, rgba(51, 49, 49, 0.5) 0%, rgba(112, 110, 108, 0) 30%, rgba(194, 191, 186, 0) 70%, rgba(255, 251, 245, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333131', endColorstr='#80fffbf5',GradientType=1 );
  display: block;
  width: 18rem;
  height: 18rem;
  top: 1rem;
  left: 0;
  z-index: 110;
  position: absolute;
  left: 1rem;
}

/* line 310, sass/_main.scss */
.polaroid-link:hover {
  box-shadow: 0px 10px 50px 10px #bcdcda;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  z-index: 10000;
}

/* line 317, sass/_main.scss */
.polaroid-link:hover img {
  opacity: 1;
}

/* line 319, sass/_main.scss */
#jump-space {
  height: 50rem;
}

@-webkit-keyframes polaroidshake {
  15% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(7px, 7px);
            transform: translate(7px, 7px);
  }
  45% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  90% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  100% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
}

@keyframes polaroidshake {
  15% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(7px, 7px);
            transform: translate(7px, 7px);
  }
  45% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  90% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  100% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
}
/* line 337, sass/_main.scss */
#land {
  height: 313px;
  width: 100%;
  position: relative;
  z-index: 300;
}

/* line 339, sass/_main.scss */
#island {
  width: 100%;
  height: 100%;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: 800px auto;
  background-image: url(images/island.png);
  z-index: 205;
  position: relative;
}

/* line 341, sass/_main.scss */
.rumble {
  -webkit-animation: shake 2.1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 2.1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@-webkit-keyframes shake {
  20% {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  70% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes shake {
  20% {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  70% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/* line 361, sass/_main.scss */
.waves {
  background: url(images/wave.png) bottom left 160px repeat-x;
  background-size: auto 60px;
  width: 120%;
  height: 60px;
  bottom: 0;
  position: absolute;
  margin-left: -15px;
  z-index: 1301;
}

/* line 363, sass/_main.scss */
.waves-back {
  background: url(images/wave.png) bottom left repeat-x;
  background-size: auto 40px;
  width: 120%;
  height: 50px;
  bottom: 10px;
  position: absolute;
  z-index: 100;
}

@-webkit-keyframes wave {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(15px, 15px);
            transform: translate(15px, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

@keyframes wave {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(15px, 15px);
            transform: translate(15px, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes waveback {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  45% {
    -webkit-transform: translate(-15px, -7px);
            transform: translate(-15px, -7px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@keyframes waveback {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  45% {
    -webkit-transform: translate(-15px, -7px);
            transform: translate(-15px, -7px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
/* line 377, sass/_main.scss */
.wave {
  -webkit-animation-name: wave;
          animation-name: wave;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 385, sass/_main.scss */
.wave-back-ani {
  -webkit-animation-name: waveback;
          animation-name: waveback;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 393, sass/_main.scss */
.wilson {
  max-width: 13em;
  position: absolute;
  right: 0;
  bottom: -1.5em;
}

/* line 399, sass/_main.scss */
.wilson img {
  width: 100%;
}

/* line 405, sass/_main.scss */
.wilson-floating {
  -webkit-animation-name: wilson-floating;
          animation-name: wilson-floating;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 413, sass/_main.scss */
.wilson-wobble {
  -webkit-animation-name: wilson-wobble;
          animation-name: wilson-wobble;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes wilson-floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

@keyframes wilson-floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes wilson-wobble {
  from {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  45% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  to {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes wilson-wobble {
  from {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  45% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  to {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
/* line 433, sass/_main.scss */
.fish {
  width: 120px;
  position: absolute;
  left: 30%;
  margin-left: -100px;
  bottom: -10px;
  z-index: 1000;
  display: block;
}

@-webkit-keyframes swim {
  0% {
    -webkit-transform: translate(200px, 75px) rotate(0deg);
            transform: translate(200px, 75px) rotate(0deg);
  }
  75% {
    -webkit-transform: translate(200px, 75px) rotate(0deg);
            transform: translate(200px, 75px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(100px, -55px) rotate(40deg);
            transform: translate(100px, -55px) rotate(40deg);
  }
  85% {
    -webkit-transform: translate(0px, -105px) rotate(-20deg);
            transform: translate(0px, -105px) rotate(-20deg);
  }
  90% {
    -webkit-transform: translate(-100px, -55px) rotate(-30deg);
            transform: translate(-100px, -55px) rotate(-30deg);
  }
  95% {
    -webkit-transform: translate(-200px, 75px) rotate(-50deg);
            transform: translate(-200px, 75px) rotate(-50deg);
  }
  100% {
    -webkit-transform: translate(-300px, 200px) rotate(-50deg);
            transform: translate(-300px, 200px) rotate(-50deg);
  }
}

@keyframes swim {
  0% {
    -webkit-transform: translate(200px, 75px) rotate(0deg);
            transform: translate(200px, 75px) rotate(0deg);
  }
  75% {
    -webkit-transform: translate(200px, 75px) rotate(0deg);
            transform: translate(200px, 75px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(100px, -55px) rotate(40deg);
            transform: translate(100px, -55px) rotate(40deg);
  }
  85% {
    -webkit-transform: translate(0px, -105px) rotate(-20deg);
            transform: translate(0px, -105px) rotate(-20deg);
  }
  90% {
    -webkit-transform: translate(-100px, -55px) rotate(-30deg);
            transform: translate(-100px, -55px) rotate(-30deg);
  }
  95% {
    -webkit-transform: translate(-200px, 75px) rotate(-50deg);
            transform: translate(-200px, 75px) rotate(-50deg);
  }
  100% {
    -webkit-transform: translate(-300px, 200px) rotate(-50deg);
            transform: translate(-300px, 200px) rotate(-50deg);
  }
}
/* line 458, sass/_main.scss */
.swim {
  -webkit-animation-name: swim;
          animation-name: swim;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/* line 465, sass/_main.scss */
#seahorse {
  position: absolute;
  bottom: 13rem;
  right: 20rem;
  width: 10rem;
  z-index: 1000;
}

/* line 466, sass/_main.scss */
#seahorse img {
  width: 10rem;
}

/* line 468, sass/_main.scss */
#swimming-fish {
  position: absolute;
  top: 55rem;
  left: 1%;
  width: 10rem;
  -webkit-animation: fishmoving 25s infinite;
          animation: fishmoving 25s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  z-index: 105;
}

/* line 470, sass/_main.scss */
#swimming-fish img {
  width: 10rem;
  -webkit-animation: fishturning 25s infinite;
          animation: fishturning 25s infinite;
}

@-webkit-keyframes fishmoving {
  0% {
    left: 1%;
  }
  48% {
    left: 20%;
  }
  50% {
    left: 20%;
  }
  98% {
    left: 1%;
  }
  100% {
    left: 1%;
  }
}

@keyframes fishmoving {
  0% {
    left: 1%;
  }
  48% {
    left: 20%;
  }
  50% {
    left: 20%;
  }
  98% {
    left: 1%;
  }
  100% {
    left: 1%;
  }
}
/* line 485, sass/_main.scss */
.fish-wobble {
  -webkit-animation-name: wilson-wobble;
          animation-name: wilson-wobble;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes fishturning {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  48% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  98% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@keyframes fishturning {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  48% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  98% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
/* line 503, sass/_main.scss */
#rainbow {
  opacity: 0.5;
  -webkit-transform: translatey(90em);
          transform: translatey(90em);
  width: 100rem;
  height: 75rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -520px;
  background: url(images/rainbow.png) top center no-repeat;
  background-size: 100% auto;
}

/* line 514, sass/_main.scss */
.rainbow-up {
  -webkit-animation-name: rainbow;
          animation-name: rainbow;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* line 524, sass/_main.scss */
.rainbow-down {
  -webkit-animation-name: rainbow-down;
          animation-name: rainbow-down;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes rainbow {
  50% {
    -webkit-transform: translatey(90em);
            transform: translatey(90em);
  }
  100% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
}

@keyframes rainbow {
  50% {
    -webkit-transform: translatey(90em);
            transform: translatey(90em);
  }
  100% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
}
@-webkit-keyframes rainbow-down {
  0% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(90em);
            transform: translatey(90em);
  }
}
@keyframes rainbow-down {
  0% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(90em);
            transform: translatey(90em);
  }
}
/* line 543, sass/_main.scss */
.start-show {
  display: block !important;
}

/* line 544, sass/_main.scss */
html .end-show {
  display: none !important;
}

/* line 547, sass/_main.scss */
#remaining {
  position: relative;
  z-index: 1000;
  display: block;
  padding-top: 2rem;
  width: 100%;
  background: #6cbde9;
  background: -webkit-linear-gradient(top, #6cbde9 0%, #57eff4 50%, #a2afe9 100%);
  background: linear-gradient(to bottom, #6cbde9 0%, #57eff4 50%, #a2afe9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbde9', endColorstr='#a2afe9',GradientType=0 );
  overflow: hidden;
}

@-webkit-keyframes bub1 {
  from {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  to {
    -webkit-transform: translatey(-400px);
            transform: translatey(-400px);
  }
}

@keyframes bub1 {
  from {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  to {
    -webkit-transform: translatey(-400px);
            transform: translatey(-400px);
  }
}
@-webkit-keyframes bub2 {
  from {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  to {
    -webkit-transform: translatey(-500px);
            transform: translatey(-500px);
  }
}
@keyframes bub2 {
  from {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
  to {
    -webkit-transform: translatey(-500px);
            transform: translatey(-500px);
  }
}
/* line 575, sass/_main.scss */
.under-water-layer-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-image: url("images/bubbles.png");
  background-size: 400px auto;
  z-index: -3;
  -webkit-animation-name: bub1;
          animation-name: bub1;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/* line 591, sass/_main.scss */
.under-water-layer-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-image: url("images/bubblesb.png");
  background-size: 500px auto;
  z-index: -2;
  -webkit-animation-name: bub2;
          animation-name: bub2;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/* line 610, sass/_main.scss */
.under-water-fade {
  width: 100%;
  height: 50px;
  background: -webkit-linear-gradient(top, #6cbde9 0%, rgba(108, 189, 233, 0) 100%);
  background: linear-gradient(to bottom, #6cbde9 0%, rgba(108, 189, 233, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbde9', endColorstr='#006cbde9',GradientType=0 );
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/* line 640, sass/_main.scss */
.box {
  background-color: #f6f2d5;
  background-color: rgba(246, 235, 200, 0.9);
  background: rgba(246, 235, 200, 0.9) url(images/paper-texture.png);
  background-blend-mode: multiply;
  background-size: 1500px auto;
  margin: 4rem auto;
  min-height: 20rem;
  position: relative;
  max-width: 80rem;
  z-index: 100;
  display: block;
}

/* line 642, sass/_main.scss */
.box-askew {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 0;
  right: 0;
}

/* line 644, sass/_main.scss */
.box:before {
  content: ' ';
  display: block;
  background: url(images/box-x.png) 50% 50% repeat-x;
  width: 100%;
  background-size: 200px auto;
  height: 5px;
  top: -1px;
  position: absolute;
}

/* line 645, sass/_main.scss */
.box:after {
  content: ' ';
  display: block;
  background: url(images/box-x.png) 50% 0% repeat-x;
  width: 100%;
  background-size: 200px auto;
  height: 5px;
  position: absolute;
  bottom: -1px;
}

/* line 646, sass/_main.scss */
.box-content:before {
  content: ' ';
  display: block;
  background: url(images/box-y.png) center center repeat-y;
  width: 100%;
  background-size: auto 200px;
  width: 15px;
  height: 100%;
  position: absolute;
  left: -6px;
  bottom: 0;
}

/* line 647, sass/_main.scss */
.box-content:after {
  content: ' ';
  display: block;
  background: url(images/box-y.png) center center repeat-y;
  width: 100%;
  background-size: auto 200px;
  width: 5px;
  height: 100%;
  position: absolute;
  right: -1px;
  bottom: 0;
}

/* line 650, sass/_main.scss */
.box-content {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.8rem;
  padding: 6rem 6rem 5rem 6rem;
  color: #42413d;
  font-family: "Courier New", "Courier", serif;
}

/* line 651, sass/_main.scss */
.box-content p {
  padding-bottom: 2.75rem;
  line-height: 1.6;
}

/* line 652, sass/_main.scss */
.box-content strong {
  font-family: "Courier", "Courier New", serif;
}

/* line 653, sass/_main.scss */
.box-content em {
  font-style: italic;
}

/* line 654, sass/_main.scss */
.box-content a {
  color: #42413d;
  border-bottom: 1px solid #42413d;
  text-decoration: none;
}

/* line 655, sass/_main.scss */
.box-content a:hover {
  color: #F65275;
  border-color: #F65275;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 656, sass/_main.scss */
.box-content ul {
  list-style: none;
}

/* line 657, sass/_main.scss */
#accomodation .box-content li {
  background: url(images/bullet.png) top 0.5em left no-repeat;
  background-size: 15px auto;
  padding-left: 2.3rem;
  margin-bottom: 2rem;
}

/* line 659, sass/_main.scss */
.table-left {
  width: 50%;
  float: left;
  padding: 3rem 3rem 0 3rem;
}

/* line 660, sass/_main.scss */
.table-right {
  width: 50%;
  float: right;
  padding: 3rem 3rem 0 3rem;
}

/* line 661, sass/_main.scss */
.table {
  width: 70%;
  margin: 0 auto;
  border: 2px dashed #8c8a7a;
  margin-bottom: 3rem;
  color: #8c8a7a;
}

/* line 662, sass/_main.scss */
#ferries .highlight-top {
  color: #F65275 !important;
  background: url(images/bullet.png) top 0.3em left no-repeat;
  background-size: 15px auto;
  padding-left: 22px;
}

/* line 663, sass/_main.scss */
#ferries .highlight-bottom {
  color: #F65275 !important;
  background: url(images/bullet.png) top 0.45em left no-repeat;
  background-size: 15px auto;
  padding-left: 22px;
}

/* line 664, sass/_main.scss */
.table strong {
  color: #42413d;
}

/* line 666, sass/_main.scss */
.askew-1 {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
  left: -25px !important;
}

/* line 667, sass/_main.scss */
.askew-2 {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  left: 25px !important;
}

/* line 670, sass/_main.scss */
#photos-heading {
  position: absolute;
  width: 100%;
  margin-top: 6rem;
}

/* line 671, sass/_main.scss */
.heading {
  font-family: 'shoreline';
  font-size: 3.5rem;
  color: #42413d;
  text-align: center;
  margin-bottom: 2rem;
}

/* line 672, sass/_main.scss */
#rsvp .heading {
  font-family: "Courier", "Courier New", serif;
  padding-bottom: 10px;
}

/* line 673, sass/_main.scss */
#schedule .box-content p {
  text-align: center;
}

/* line 679, sass/_main.scss */
hr {
  border: 0;
  border-top: 4px double #aca39a;
  text-align: center;
  width: 20%;
  margin-left: 40%;
  margin-top: 0.5rem;
  margin-bottom: 2.5rem;
  display: inline-block;
}

/* line 692, sass/_main.scss */
footer {
  text-align: center;
  padding: 1rem 0 4rem 0;
  font-size: 1.6rem;
  font-family: "Courier New", "Courier", serif;
  color: #fff;
}

/* line 693, sass/_main.scss */
footer a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

/* line 694, sass/_main.scss */
footer a:hover {
  color: #F65275;
  border-color: #F65275;
}

/*  The Wedding
..........................*/
/*  The Location
..........................*/
/*  RSVP
..........................*/
/* line 708, sass/_main.scss */
#rsvp .box-content {
  background: url(images/stamp.png) top 45px right 20px no-repeat;
  background-size: 150px auto;
}

/* line 709, sass/_main.scss */
#mc_embed_signup {
  line-height: 1.5;
  font-family: "Courier", "Courier New", serif !important;
}

/* line 710, sass/_main.scss */
#mc_embed_signup input {
  border: none;
  font-size: 30px;
  padding: 10px;
  font-family: "Reenie Beanie", "shoreline", "Georgia", serif;
  color: #42413d;
  width: 67%;
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 711, sass/_main.scss */
.mc-field-group, .indicates-required {
  margin-bottom: 3.5rem;
  clear: both;
}

/* line 713, sass/_main.scss */
.form-left {
  display: block;
  width: 33%;
  float: left;
  line-height: 2.7;
}

/* line 716, sass/_main.scss */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

/* line 721, sass/_main.scss */
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 22px;
  display: inline-block;
}

/* line 730, sass/_main.scss */
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
}

/* line 741, sass/_main.scss */
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #F65275;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 754, sass/_main.scss */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 759, sass/_main.scss */
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 765, sass/_main.scss */
.radio-text {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  display: block;
}

/* line 766, sass/_main.scss */
.mc-field-group li {
  display: inline;
  margin-right: 20%;
}

/* line 767, sass/_main.scss */
.radio-text strong {
  float: left;
  display: block;
  width: 50%;
}

/* line 768, sass/_main.scss */
.radio-ul {
  float: left;
  display: block;
  width: 50%;
}

/* line 770, sass/_main.scss */
.big-left {
  width: 67%;
  float: left;
  line-height: 2.3;
}

/* line 771, sass/_main.scss */
.small-right {
  width: 33% !important;
  float: right;
}

/* line 773, sass/_main.scss */
#mc_embed_signup .small-right {
  padding: 5px 10px;
  font-size: 35px;
}

/* line 775, sass/_main.scss */
#mce-MMERGE5, #mce-MMERGE7 {
  width: 100% !important;
}

/* line 777, sass/_main.scss */
.form-bump {
  display: block;
  padding-bottom: 5px;
}

/* line 778, sass/_main.scss */
.mc-address-group {
  padding-top: 1rem;
}

/* line 779, sass/_main.scss */
.mc-address-group label {
  width: 33%;
  display: block;
  float: left;
  line-height: 2.4;
}

/* line 780, sass/_main.scss */
.mc-address-group input {
  width: 67% !important;
  float: left;
  display: block;
}

/* line 781, sass/_main.scss */
#mce-MMERGE8-country {
  background: rgba(255, 255, 255, 0.6);
  border: none;
  font-size: 30px;
  font-family: "Reenie Beanie", "shoreline", "Georgia", serif;
  padding: 10px 10px;
  /* If you add too much padding here, the options won't show in IE */
  width: 67%;
  color: #42413d;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/* line 793, sass/_main.scss */
textarea, input, button {
  outline: none;
}

/* line 795, sass/_main.scss */
#mc-embedded-subscribe {
  background-color: #fcc187 !important;
  color: #42413d !important;
  font-family: "Courier New", "Courier", serif !important;
  margin: 0 auto;
  width: 40% !important;
  margin-left: 30% !important;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 40px !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 2px solid #42413d;
}

/* line 796, sass/_main.scss */
#mc-embedded-subscribe:hover {
  background-color: #3c4859 !important;
  color: #fff !important;
}

/*  Polaroid
..........................*/
/* line 804, sass/_main.scss */
.featherlight .featherlight-content {
  overflow: hidden !important;
  padding: 0 !important;
  border-bottom: none !important;
}

/* line 805, sass/_main.scss */
.featherlight .featherlight-close-icon {
  color: #fff !important;
}

@media all {
  /* line 806, sass/_main.scss */
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: transparent;
  }

  /* line 806, sass/_main.scss */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  /* line 806, sass/_main.scss */
  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  /* line 806, sass/_main.scss */
  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
  }

  /* line 806, sass/_main.scss */
  .featherlight .featherlight-inner {
    display: block;
  }

  /* line 806, sass/_main.scss */
  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: 0;
    padding: 0;
  }

  /* line 806, sass/_main.scss */
  .featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /* line 806, sass/_main.scss */
  .featherlight .featherlight-image {
    width: 100%;
  }

  /* line 806, sass/_main.scss */
  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }

  /* line 806, sass/_main.scss */
  .featherlight iframe {
    border: 0;
  }

  /* line 806, sass/_main.scss */
  .featherlight * {
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 806, sass/_main.scss */
  .featherlight .featherlight-content {
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* line 807, sass/_main.scss */
.featherlight .featherlight-close-icon {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 179, 179, 0.5);
}

/* line 809, sass/_main.scss */
#spacer {
  height: 500px;
}

/* -- Huge screens -- */
@media only screen and (min-width: 2500px) {
  /* line 4, sass/_responsive.scss */
  #us-wrap {
    width: 55rem !important;
  }
}
/* -- Big screens -- */
@media only screen and (min-width: 1600px) {
  /* line 12, sass/_responsive.scss */
  #left1 {
    right: 40rem;
  }

  /* line 13, sass/_responsive.scss */
  #right1 {
    left: 40rem;
  }

  /* line 15, sass/_responsive.scss */
  #left2 {
    right: 38rem;
  }

  /* line 16, sass/_responsive.scss */
  #right2 {
    left: 38rem;
  }

  /* line 18, sass/_responsive.scss */
  #left3 {
    right: 36rem;
  }

  /* line 19, sass/_responsive.scss */
  #right3 {
    left: 36rem;
  }

  /* line 21, sass/_responsive.scss */
  #left4 {
    right: 34rem;
  }

  /* line 22, sass/_responsive.scss */
  #right4 {
    left: 34rem;
  }

  /* line 24, sass/_responsive.scss */
  #left5 {
    right: 32rem;
  }

  /* line 25, sass/_responsive.scss */
  #right5 {
    left: 32rem;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* line 37, sass/_responsive.scss */
  #us-falling {
    padding-top: 7%;
    padding-top: 7vw;
  }

  /* line 40, sass/_responsive.scss */
  #seahorse {
    position: absolute;
    bottom: 15rem;
    right: 0;
    width: 10rem;
    z-index: 1000;
  }

  /* line 42, sass/_responsive.scss */
  #landing, #landing-bg {
    background: none !important;
  }

  /* line 43, sass/_responsive.scss */
  .layer-bg {
    background-size: 600px auto;
  }

  /* line 44, sass/_responsive.scss */
  .layer-1 {
    display: none;
  }
}
/* -- ipad and down (except landscape) -- */
@media all and (max-width: 1023px) {
  /* line 52, sass/_responsive.scss */
  #landing h1 {
    font-size: 23vw;
  }

  /* line 53, sass/_responsive.scss */
  #landing, #landing-bg {
    background: none !important;
  }

  /* line 54, sass/_responsive.scss */
  .layer-bg {
    background-size: 600px auto;
  }

  /* line 55, sass/_responsive.scss */
  .layer-1 {
    display: none;
  }

  /* line 57, sass/_responsive.scss */
  .polaroid-link:nth-child(odd) {
    left: 33%;
    position: relative;
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  /* line 58, sass/_responsive.scss */
  .polaroid-link:nth-child(even) {
    right: 33%;
    position: relative;
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  /* line 60, sass/_responsive.scss */
  .box {
    max-width: 90%;
  }

  /* line 62, sass/_responsive.scss */
  #flowers img {
    width: 10rem;
  }

  /* line 63, sass/_responsive.scss */
  #flowers {
    right: 3rem;
    top: 15rem;
  }

  /* line 65, sass/_responsive.scss */
  #shoe {
    left: 3rem;
  }

  /* line 66, sass/_responsive.scss */
  #shoe img {
    width: 5rem;
  }

  /* line 68, sass/_responsive.scss */
  footer {
    padding: 1rem 0 6rem 0;
  }

  /* line 69, sass/_responsive.scss */
  #seahorse {
    bottom: 5rem;
    right: 3rem;
    width: 7rem;
  }

  /* line 70, sass/_responsive.scss */
  #seahorse img {
    width: 7rem;
  }
}
/* -- Mobile -- */
@media all and (max-width: 767px) {
  /* line 87, sass/_responsive.scss */
  #landing h1 {
    font-size: 20vw;
  }

  /* line 89, sass/_responsive.scss */
  #flowers img {
    width: 7rem;
  }

  /* line 90, sass/_responsive.scss */
  #flowers {
    right: -1rem;
    top: 7rem;
    z-index: 10000;
  }

  /* line 92, sass/_responsive.scss */
  #shoe {
    left: 3rem;
    top: 40rem;
  }

  /* line 93, sass/_responsive.scss */
  #shoe img {
    width: 4rem;
  }

  /* line 95, sass/_responsive.scss */
  #bottom-heading-wrap {
    font-size: 3rem;
    top: 74vh;
  }

  /* line 97, sass/_responsive.scss */
  .polaroid-link:nth-child(odd) {
    left: 20%;
    position: relative;
    -webkit-transform: scale(0.7) rotate(4deg);
            transform: scale(0.7) rotate(4deg);
  }

  /* line 98, sass/_responsive.scss */
  .polaroid-link:nth-child(even) {
    right: 20%;
    position: relative;
    -webkit-transform: scale(0.7) rotate(-4deg);
            transform: scale(0.7) rotate(-4deg);
  }

  /* line 100, sass/_responsive.scss */
  #jump-space {
    height: 30rem;
  }

  /* line 102, sass/_responsive.scss */
  #us-wrap {
    width: 38rem;
  }

  /* line 103, sass/_responsive.scss */
  .we-landed #landing-image {
    width: 30rem;
  }

  /* line 104, sass/_responsive.scss */
  .we-landed {
    margin-left: 5% !important;
  }

  /* line 108, sass/_responsive.scss */
  #island {
    width: 100%;
    height: 100%;
    background-position: bottom left -100px;
    background-repeat: no-repeat;
    background-size: 600px auto;
    background-image: url(images/island.png);
    z-index: 205;
    position: relative;
  }

  /* line 110, sass/_responsive.scss */
  .we-landed {
    bottom: 70px !important;
  }

  /* line 112, sass/_responsive.scss */
  .box-content {
    font-size: 1.7rem;
    padding: 3rem 3rem 2rem 3rem;
  }

  /* line 114, sass/_responsive.scss */
  #swimming-fish {
    display: none;
  }

  /* line 116, sass/_responsive.scss */
  .under-water-layer-1, .under-water-layer-2 {
    -webkit-animation-name: none;
            animation-name: none;
  }

  /* line 118, sass/_responsive.scss */
  #rsvp .box-content {
    background: none;
  }

  /* line 120, sass/_responsive.scss */
  .form-left, #mc_embed_signup input, .radio-text strong {
    width: 100%;
    float: none;
  }

  /* line 122, sass/_responsive.scss */
  .mc-field-group, .indicates-required {
    margin-bottom: 2.5rem;
  }

  /* line 123, sass/_responsive.scss */
  .mc-field-group li {
    margin-right: 30px !important;
    margin-top: 1rem;
    padding-top: 20px;
  }

  /* line 125, sass/_responsive.scss */
  .radio-ul {
    width: 100%;
    margin-top: 1rem;
  }

  /* line 127, sass/_responsive.scss */
  .big-left, .small-right, .mc-address-group label, .mc-address-group input, #mce-MMERGE8-country {
    width: 100% !important;
  }

  /* line 129, sass/_responsive.scss */
  #mc-embedded-subscribe {
    width: 60% !important;
    margin-left: 20% !important;
  }

  /* line 131, sass/_responsive.scss */
  footer {
    padding: 1rem 0 6rem 0;
  }

  /* line 133, sass/_responsive.scss */
  #seahorse {
    bottom: 9rem;
    right: -3rem;
  }

  /* line 135, sass/_responsive.scss */
  .table-left {
    width: 100%;
    float: none;
    padding: 1rem 1rem 0 1rem;
  }

  /* line 136, sass/_responsive.scss */
  .table-right {
    width: 100%;
    float: none;
    padding: 1rem 1rem 0 1rem;
  }

  /* line 137, sass/_responsive.scss */
  .table {
    width: 100%;
    margin: 0 auto;
    border: 2px dashed #c2bfa9;
    margin-bottom: 3rem;
  }

  /* line 139, sass/_responsive.scss */
  .skip-arrow {
    display: none !important;
  }

  /* line 140, sass/_responsive.scss */
  #rainbow {
    height: 80rem;
    background-position: bottom center;
    background-size: 500px auto;
    margin-left: -495px;
  }

  /* line 141, sass/_responsive.scss */
  #spacer {
    height: 100px !important;
  }
}
/* -- iPhone 4 & 5 -- */
@media all and (max-width: 320px) {
  /* line 148, sass/_responsive.scss */
  #us-wrap {
    width: 30rem;
  }

  /* line 149, sass/_responsive.scss */
  #shoe {
    left: 3rem;
    top: 35rem;
  }

  /* line 150, sass/_responsive.scss */
  #bottom-heading-wrap {
    font-size: 2rem;
    top: 80vh;
  }
}
/* -- iphone 4 -- */
/* line 1, sass/additional/_aftercss.scss */
.clr {
  clear: both;
}

/* line 2, sass/additional/_aftercss.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 4, sass/additional/_aftercss.scss */
.cf:after {
  clear: both;
}

/* line 5, sass/additional/_aftercss.scss */
.cf {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

/* line 6, sass/additional/_aftercss.scss */
.clr {
  clear: both;
}

/* line 7, sass/additional/_aftercss.scss */
.post-edit-link {
  display: block;
  width: 40px;
  height: 40px;
  background: url(images/edit-post.svg) top left no-repeat;
  background-size: 40px auto;
  text-indent: -10000px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0.35;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 8, sass/additional/_aftercss.scss */
.post-edit-link:hover {
  opacity: 1;
  background-color: #fff;
}