@charset "UTF-8";

@media only screen and (min-width: 1001px) {
  #header .mainmenu {
    display: block !important;
    position: absolute;
    bottom: 0;
    right: 28px;
    width: 100%;
    z-index: 500;
  }
}

@media only screen and (max-width: 1200px) {
  section .section-video .cover-logo {
    width: 25%;
    height: auto;
  }

  section .image-text .text {
    font-size: 1em;
  }
}

@media only screen and (max-width: 1000px) {
  body {
    padding-top: 66px;
  }

  .column[class*="col-"] {
      width: 100%;
  }

  section .slider-container .slider-layer-image {
    display: none;
  }

  #header .header-inner {
    padding: 8px 18px;
  }

  #header .menu-toggle {
    display: block;
    bottom: 14px;
  }

  #header .mainmenu {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: initial;
    background: #292928;
    text-align: center;
  }

  .mainmenu .child {
    margin: 0;
    display: block;
  }

  .mainmenu .child > a {
    border: 0;
    padding: 22px;
  }

  .mainmenu .child.icon {
    margin: 8px 0 24px 6px;
    display: inline-block;
  }

  section .image-text .text .inner-text {
    left: initial;
    right: 100%;
  }

  section .image-text .text .inner-text.appeared {
    left: initial;
    right: 0;
  }
}

@media only screen and (max-width: 640px) {
  p {
    margin: 6% 0;
    line-height: 1.6em;
  }

  .text-large {
    font-size: 1.2em;
    line-height: 1.8em;
  }

  h1 {
    font-size: 1.45em;
  }

  h2 {
    font-size: 1.45em;
  }

  h3 {
    font-size: 2.6em;
  }

  .buttons {
    font-size: 1.2em;
  }

  section .section-video .cover-scroll {
    background-size: 3em;
  }

  section .image-container.format-original {
    margin: 6% 0;
  }
}