/* 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: 100%;
  padding: 0;
  max-width: 980px;
  margin: 0 auto; }

h1 {
  font-size: 6em;
  line-height: 74px; }

p {
  font-size: 2em;
  line-height: 40px; }

li {
  font-size: 1.8em;
  line-height: 36px; }

/* OWL
---------------------------------------------------------------------------------------------------------------*/
.owl {
  background-size: 272px 347px;
  width: 272px;
  height: 347px; }

.owl-head {
  background-size: 140px 140px;
  width: 140px;
  height: 140px;
  top: 80px; }

/* HOME
---------------------------------------------------------------------------------------------------------------*/
.owl {
  margin: 100px 0; }

.intro h1 {
  margin: 200px 0 100px 0; }

.photobooth-1 {
  margin: 125px 0 100px -50px;
  width: auto;
  max-width: 499px; }

.story {
  margin: 200px 0 60px 0; }
  .story p {
    margin: 0 0 40px 0; }

.photobooth-2 {
  margin: 25px 0 0 -100px;
  width: auto;
  max-width: 460px; }

.handwriting {
  width: auto;
  max-width: 360px;
  margin: 125px 0 0 0; }

.footer {
  margin: 175px 0 125px 0; }

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