body,
html {
  transition: all .5s ease-out;
  animation: fadein 2s;
  height: 100%; }
  body ul,
  html ul {
    list-style: none; }
  body p,
  html p {
    line-height: 1.3; }

p,
h1,
h2,
h3, img {
  margin: 0 15%;
  transition: all .5s ease-out; }
  @media screen and (min-width: 1200px) {
    p,
    h1,
    h2,
    h3, img {
      margin-left: 7%;
      margin-right: 5.2%; } }

#open-0 {
  text-align: center; }
  @media screen and (min-width: 1200px) {
    #open-0 {
      margin: 0; } }
  #open-0 h1 {
    font-size: 4vw;
    color: #8FC5DF;
    margin-bottom: 20px;
    letter-spacing: 2px; }
    @media screen and (min-width: 515px) {
      #open-0 h1 {
        font-size: 18pt; } }
    @media screen and (min-width: 1200px) {
      #open-0 h1 {
        width: 86%; } }
  #open-0 h2 {
    font-size: 12vw;
    color: #4D4D4D;
    margin-bottom: 50px; }
    @media screen and (min-width: 515px) {
      #open-0 h2 {
        font-size: 45pt; } }
    @media screen and (min-width: 1200px) {
      #open-0 h2 {
        width: 86%; } }
  #open-0 p {
    color: #4D4D4D;
    font-size: 4vw; }
    @media screen and (min-width: 515px) {
      #open-0 p {
        font-size: 12pt; } }
    @media screen and (min-width: 1200px) {
      #open-0 p {
        width: 42.25%;
        margin: 0 auto; } }
  #open-0 #start {
    display: block;
    letter-spacing: 1px;
    text-decoration: none; }
  #open-0 #sun {
    margin: 0 15%;
    width: 300px;
    margin-bottom: 20px; }
  #open-0 a {
    letter-spacing: 1px;
    text-decoration: none; }
  #open-0 #press {
    width: 20%; }
  #open-0 #arrow {
    margin-top: 50px; }

.section {
  text-align: left; }
  .section p {
    color: #FFFFFF;
    margin-bottom: 20px; }
  .section h3 {
    color: #FFFFFF;
    font-size: 7vw;
    margin-bottom: 50px; }
    @media screen and (min-width: 515px) {
      .section h3 {
        font-size: 24pt; } }
  .section .img-m, .section .img-d {
    max-width: 70%;
    margin-bottom: 50px;
    width: 70% !important;
    height: auto !important; }
  .section .img-d {
    display: none; }
  @media screen and (min-width: 1200px) {
    .section .img-d {
      display: block;
      float: left;
      width: 51.4% !important;
      height: auto !important;
      margin: 0; }
    .section .img-m {
      display: none; }
    .section aside {
      float: left;
      margin-right: 7.5%;
      width: 25.8%;
      margin-left: 7%; } }
  @media screen and (min-width: 1500px) {
    .section aside {
      margin-top: 150px; } }

#arrow {
  animation: bounce 2s infinite linear;
  position: absolute;
  left: 50%;
  transform: translateX(-10px);
  align: center;
  width: 20px;
  margin: 0 auto; }

.toactive {
  opacity: 0;
  transition: all 1s; }

.toinactive {
  opacity: 1 !important;
  margin: 0 auto;
  transition: all 2s; }

@keyframes bounce {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -15px, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateX(-20px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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