/* CSS
---------------------------------------------------------------------------------------------------------------*/
/* ANIMATIONS
---------------------------------------------------------------------------------------------------------------*/
/* KEYFRAMES
---------------------------------------------------------------------------------------------------------------*/
/* KEYFRAMES
---------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes bottom-to-top {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-moz-keyframes bottom-to-top {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-o-keyframes bottom-to-top {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes bottom-to-top {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes right-to-left {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-moz-keyframes right-to-left {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-o-keyframes right-to-left {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes right-to-left {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes left-to-right {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-moz-keyframes left-to-right {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-o-keyframes left-to-right {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes left-to-right {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes owl-head {
  0% {
    transform: rotate(0deg);
    z-index: 0; }
  10% {
    z-index: 2; }
  15%, 40% {
    z-index: 2;
    transform: rotate(35deg); }
  45%, 100% {
    z-index: 0;
    transform: rotate(0deg); } }
@-moz-keyframes owl-head {
  0% {
    transform: rotate(0deg);
    z-index: 0; }
  10% {
    z-index: 2; }
  15%, 40% {
    z-index: 2;
    transform: rotate(35deg); }
  45%, 100% {
    z-index: 0;
    transform: rotate(0deg); } }
@-o-keyframes owl-head {
  0% {
    transform: rotate(0deg);
    z-index: 0; }
  10% {
    z-index: 2; }
  15%, 40% {
    z-index: 2;
    transform: rotate(35deg); }
  45%, 100% {
    z-index: 0;
    transform: rotate(0deg); } }
@keyframes owl-head {
  0% {
    transform: rotate(0deg);
    z-index: 0; }
  10% {
    z-index: 2; }
  15%, 40% {
    z-index: 2;
    transform: rotate(35deg); }
  45%, 100% {
    z-index: 0;
    transform: rotate(0deg); } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* GENERAL
---------------------------------------------------------------------------------------------------------------*/
.wrap {
  width: 86%;
  padding: 0 7%; }

h1 {
  font-size: 5em;
  line-height: 64px; }

h2 {
  font-size: 3.4em;
  line-height: 34px;
  margin-bottom: 40px; }

p, li {
  font-size: 1.8em;
  line-height: 32px; }

ul li {
  margin-bottom: 20px; }

/* OWL
---------------------------------------------------------------------------------------------------------------*/
.owl {
  background-size: 204px 260px;
  width: 204px;
  height: 260px; }

.owl-head {
  background-size: 105px 105px;
  width: 105px;
  height: 105px;
  top: 60px; }

/* HOME
---------------------------------------------------------------------------------------------------------------*/
.col-left {
  width: 44%;
  max-width: 360px;
  float: left;
  clear: left; }

.col-right {
  width: 44%;
  max-width: 360px;
  float: right;
  clear: right; }

.owl {
  float: left;
  margin: 60px 0; }

.intro h1 {
  margin: 160px 0 60px 0; }

.love p {
  margin-bottom: 0; }

.rsvp {
  margin: 0; }
  .rsvp p {
    margin-bottom: 40px; }
  .rsvp .button {
    font-size: 2.4em;
    line-height: 60px;
    height: 60px;
    padding: 0 50px;
    border-radius: 10px; }
  .rsvp .closed {
    clear: none;
    margin: 0 0 0 30px; }

.photobooth-1 {
  margin: 80px 0 120px 0; }

.story {
  margin: 160px 0 60px 0; }

.handwriting {
  margin: 50px 0 0 0; }

.footer {
  margin: 120px 0 80px 0; }

/*# sourceMappingURL=tablet.css.map */