/* line 1, www/sites/brandli/src/css/_reset.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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, www/sites/brandli/src/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, www/sites/brandli/src/css/_reset.scss */
body {
  line-height: 1; }

/* line 29, www/sites/brandli/src/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, www/sites/brandli/src/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, www/sites/brandli/src/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, www/sites/brandli/src/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: ginto-medium;
  src: url(../font/GintoNord-Medium.woff); }

@font-face {
  font-family: ginto-ultra;
  src: url(../font/GintoNord-UltraIta.woff2); }

@font-face {
  font-family: gc16Trial;
  src: url(../font/Gruus-Super.otf); }

@font-face {
  font-family: FavoritTrial;
  src: url(../font/FavoritTrial-MediumXp); }

/* line 17, www/sites/brandli/src/css/_typo.scss */
body {
  font-family: ginto-medium;
  font-size: 1em;
  line-height: 1.2em; }
  @media only screen and (min-width: 1000px) {
    /* line 17, www/sites/brandli/src/css/_typo.scss */
    body {
      font-size: 1.2em; } }

/* line 28, www/sites/brandli/src/css/_typo.scss */
.cover h1 {
  font-family: ginto-ultra; }

/* line 33, www/sites/brandli/src/css/_typo.scss */
header#header, .overview h1, .play-toggle-mobile {
  font-size: 1.15em; }

@media only screen and (min-width: 1000px) {
  /* line 38, www/sites/brandli/src/css/_typo.scss */
  .overview h1 {
    font-size: 2vw; } }

/* line 1, www/sites/brandli/src/css/_base.scss */
body, html {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 1, www/sites/brandli/src/css/_header.scss */
header#header {
  z-index: 1; }
  /* line 4, www/sites/brandli/src/css/_header.scss */
  header#header h1 {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 5; }
  /* line 10, www/sites/brandli/src/css/_header.scss */
  header#header .about-link {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 99999999; }
  /* line 18, www/sites/brandli/src/css/_header.scss */
  header#header span {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    display: inline-block;
    color: red; }
  /* line 26, www/sites/brandli/src/css/_header.scss */
  header#header h1, header#header a {
    color: red; }
  @media only screen and (min-width: 800px) {
    /* line 31, www/sites/brandli/src/css/_header.scss */
    header#header h1 {
      position: fixed;
      top: 30px;
      left: 50px; }
      /* line 36, www/sites/brandli/src/css/_header.scss */
      header#header h1 span.visible {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    /* line 42, www/sites/brandli/src/css/_header.scss */
    header#header .about-link {
      position: fixed;
      right: 50px;
      top: 30px; } }

/* line 7, www/sites/brandli/src/css/_project.scss */
article {
  position: relative;
  overflow-x: hidden; }
  /* line 10, www/sites/brandli/src/css/_project.scss */
  article.project {
    background: black; }
  /* line 13, www/sites/brandli/src/css/_project.scss */
  article .text {
    color: black; }
  /* line 16, www/sites/brandli/src/css/_project.scss */
  article img {
    max-width: 100%;
    display: block; }
  /* line 20, www/sites/brandli/src/css/_project.scss */
  article header.cover .video-container {
    position: relative;
    cursor: url(../assets/play-y.png), auto; }
    /* line 24, www/sites/brandli/src/css/_project.scss */
    article header.cover .video-container.mobile video {
      opacity: 0; }
    /* line 27, www/sites/brandli/src/css/_project.scss */
    article header.cover .video-container.mobile .play-button {
      position: absolute;
      bottom: 100px;
      z-index: 1000;
      width: 40px; }
  /* line 39, www/sites/brandli/src/css/_project.scss */
  article header.cover .image-container.mobile {
    height: auto; }
    /* line 41, www/sites/brandli/src/css/_project.scss */
    article header.cover .image-container.mobile figure {
      position: absolute;
      height: 100vh !important; }
      /* line 46, www/sites/brandli/src/css/_project.scss */
      article header.cover .image-container.mobile figure img {
        height: 100vh !important;
        width: auto; }
  /* line 56, www/sites/brandli/src/css/_project.scss */
  article .image-container {
    position: relative;
    height: 100vh; }
    /* line 60, www/sites/brandli/src/css/_project.scss */
    article .image-container.mobile {
      height: auto; }
      /* line 62, www/sites/brandli/src/css/_project.scss */
      article .image-container.mobile figure {
        height: auto; }
        /* line 64, www/sites/brandli/src/css/_project.scss */
        article .image-container.mobile figure img {
          max-height: auto; }
    /* line 70, www/sites/brandli/src/css/_project.scss */
    article .image-container figure {
      height: 100%; }
      /* line 72, www/sites/brandli/src/css/_project.scss */
      article .image-container figure img {
        max-height: 100%;
        margin: 0 auto; }
    /* line 77, www/sites/brandli/src/css/_project.scss */
    article .image-container > div {
      position: absolute;
      width: 100%;
      height: 50%; }
      /* line 82, www/sites/brandli/src/css/_project.scss */
      article .image-container > div.down {
        bottom: 0; }
        /* line 84, www/sites/brandli/src/css/_project.scss */
        article .image-container > div.down span {
          bottom: 0; }
        /* line 87, www/sites/brandli/src/css/_project.scss */
        article .image-container > div.down div.bg {
          bottom: 0; }
        /* line 90, www/sites/brandli/src/css/_project.scss */
        article .image-container > div.down .arrow {
          bottom: 0; }
      /* line 94, www/sites/brandli/src/css/_project.scss */
      article .image-container > div.up {
        top: 0; }
      /* line 97, www/sites/brandli/src/css/_project.scss */
      article .image-container > div div {
        position: absolute;
        width: 100%;
        text-align: center;
        height: 60px;
        cursor: pointer; }
      /* line 105, www/sites/brandli/src/css/_project.scss */
      article .image-container > div:hover div.bg {
        height: 100px; }

@media screen and (min-aspect-ratio: 1 / 1) {
  /* line 114, www/sites/brandli/src/css/_project.scss */
  .image-container {
    height: 100vh !important; }
    /* line 117, www/sites/brandli/src/css/_project.scss */
    .image-container figure img {
      max-height: 100%;
      margin: 0 auto; } }

@media screen and (min-aspect-ratio: 16 / 8) {
  /* line 126, www/sites/brandli/src/css/_project.scss */
  .image-container {
    background-size: auto 100% !important; } }

/* line 135, www/sites/brandli/src/css/_project.scss */
section.text {
  background: white;
  display: flex; }
  /* line 138, www/sites/brandli/src/css/_project.scss */
  section.text > * {
    flex: 0 1 50%;
    padding-right: 2em; }

/* line 144, www/sites/brandli/src/css/_project.scss */
.overview {
  background: white;
  position: relative;
  z-index: 9999; }
  /* line 148, www/sites/brandli/src/css/_project.scss */
  .overview > * {
    height: calc(100vw * .5625);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    /* line 156, www/sites/brandli/src/css/_project.scss */
    .overview > * h1 {
      margin: 0 1em;
      text-align: center; }
    /* line 160, www/sites/brandli/src/css/_project.scss */
    .overview > *.prew-video {
      overflow: hidden;
      background: black;
      position: relative; }
      /* line 165, www/sites/brandli/src/css/_project.scss */
      .overview > *.prew-video a {
        position: absolute;
        z-index: 999; }
    /* line 170, www/sites/brandli/src/css/_project.scss */
    .overview > * video {
      width: auto;
      min-height: 100%;
      min-width: 100%;
      max-width: none; }
    /* line 177, www/sites/brandli/src/css/_project.scss */
    .overview > * a {
      color: red; }
    /* line 180, www/sites/brandli/src/css/_project.scss */
    .overview > *:hover {
      background-blend-mode: multiply; }
      /* line 182, www/sites/brandli/src/css/_project.scss */
      .overview > *:hover a {
        color: white; }
  @media (min-width: 500px) {
    /* line 144, www/sites/brandli/src/css/_project.scss */
    .overview {
      display: flex;
      flex-wrap: wrap; }
      /* line 190, www/sites/brandli/src/css/_project.scss */
      .overview > * {
        flex: 0 1 50%;
        height: calc(49vw * .5625); } }

/* line 1, www/sites/brandli/src/css/_header-cover.scss */
header.cover {
  width: 100%;
  height: 100vh; }
  @media screen and (max-width: 800px) and (max-aspect-ratio: 1 / 1) {
    /* line 18, www/sites/brandli/src/css/_header-cover.scss */
    header.cover .image-container {
      height: 100vh; } }
  /* line 23, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.play h1 {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  /* line 27, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.play .play-button {
    display: none; }
  /* line 30, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.play .video-container {
    cursor: url(../assets/stop-y.png), auto; }
  /* line 41, www/sites/brandli/src/css/_header-cover.scss */
  header.cover .down {
    height: 100vh;
    cursor: s-resize; }
    /* line 44, www/sites/brandli/src/css/_header-cover.scss */
    header.cover .down .arrow {
      position: absolute;
      bottom: 0;
      color: red; }
  /* line 50, www/sites/brandli/src/css/_header-cover.scss */
  header.cover h1 {
    transition: opacity 0.25s, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.25s;
    transition: transform 0.5s ease, opacity 0.25s, -webkit-transform 0.5s ease;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    font-size: 10vw;
    line-height: 1em;
    -webkit-animation: title 0.5s ease;
            animation: title 0.5s ease;
    color: red;
    max-width: 90%;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 100;
    pointer-events: none; }
    /* line 63, www/sites/brandli/src/css/_header-cover.scss */
    header.cover h1.long-title {
      font-size: 6vw; }
    @media screen and (min-aspect-ratio: 16 / 7) {
      /* line 50, www/sites/brandli/src/css/_header-cover.scss */
      header.cover h1 {
        font-size: 4vw; }
        /* line 70, www/sites/brandli/src/css/_header-cover.scss */
        header.cover h1.long-title {
          font-size: 2vw; } }
  /* line 80, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.move-left h1 {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  /* line 85, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.move-right h1 {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  /* line 90, www/sites/brandli/src/css/_header-cover.scss */
  header.cover .image-container {
    display: flex;
    justify-content: center;
    align-items: center; }
  /* line 93, www/sites/brandli/src/css/_header-cover.scss */
  header.cover .video-container {
    background-color: black;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; }
    /* line 97, www/sites/brandli/src/css/_header-cover.scss */
    header.cover .video-container video {
      width: 100vw;
      opacity: 0; }
    /* line 104, www/sites/brandli/src/css/_header-cover.scss */
    header.cover .video-container h1 {
      position: absolute; }
    /* line 107, www/sites/brandli/src/css/_header-cover.scss */
    header.cover .video-container.show {
      background: black !important; }
      /* line 109, www/sites/brandli/src/css/_header-cover.scss */
      header.cover .video-container.show video {
        opacity: 1 !important; }
  /* line 118, www/sites/brandli/src/css/_header-cover.scss */
  header.cover nav > div {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 100px; }
    /* line 127, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div a {
      color: red;
      background: blue;
      display: flex;
      justify-content: center;
      align-items: center; }
    /* line 132, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div .arrow, header.cover nav > div figure {
      position: absolute; }
    /* line 135, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div .arrow {
      z-index: 100;
      display: block;
      width: 60px;
      height: 60px;
      position: absolute;
      right: 0;
      opacity: 1;
      transition: right 0.25s ease, opacity 1s; }
    /* line 147, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div figure {
      width: 100px; }
    /* line 151, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div.prev .arrow {
      left: 0;
      right: auto; }
    /* line 155, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div.prev figure {
      right: 150px;
      transition: right 0.25s ease; }
    /* line 161, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div.prev:hover figure {
      right: 0; }
    /* line 164, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div.prev:hover .arrow {
      opacity: 0; }
    /* line 170, www/sites/brandli/src/css/_header-cover.scss */
    header.cover nav > div.next {
      right: 0; }
      /* line 172, www/sites/brandli/src/css/_header-cover.scss */
      header.cover nav > div.next.animate {
        transition: width .2s;
        width: 100%; }
      /* line 176, www/sites/brandli/src/css/_header-cover.scss */
      header.cover nav > div.next.width {
        width: 100%; }
      /* line 179, www/sites/brandli/src/css/_header-cover.scss */
      header.cover nav > div.next figure {
        left: 150px;
        transition: left 0.25s ease; }
      /* line 186, www/sites/brandli/src/css/_header-cover.scss */
      header.cover nav > div.next:hover figure {
        left: 0; }
      /* line 189, www/sites/brandli/src/css/_header-cover.scss */
      header.cover nav > div.next:hover .arrow {
        opacity: 0; }
  /* line 199, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.forward nav > div.prev {
    -webkit-animation: forwardNav 1s forwards;
            animation: forwardNav 1s forwards;
    width: 100px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1); }
  /* line 205, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.forward nav > div.next {
    width: 100px; }
  /* line 211, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.backward nav > div.next {
    -webkit-animation: backwardNav 1s forwards;
            animation: backwardNav 1s forwards;
    width: 100px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1); }
  /* line 217, www/sites/brandli/src/css/_header-cover.scss */
  header.cover.backward nav > div.prev {
    width: 100px; }

/* line 1, www/sites/brandli/src/css/_loader.scss */
.loader {
  background: black;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 12, www/sites/brandli/src/css/_loader.scss */
  .loader > * {
    width: auto;
    font-size: 2em;
    -webkit-animation: spin 1s infinite;
            animation: spin 1s infinite; }
  /* line 17, www/sites/brandli/src/css/_loader.scss */
  .loader.hide {
    display: none; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* line 1, www/sites/brandli/src/css/_arrow.scss */
.arrow {
  background: url(/images/Pfeil_Gregor_Braendli.svg) no-repeat center;
  background-size: 15px; }
  /* line 4, www/sites/brandli/src/css/_arrow.scss */
  .prev .arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  /* line 7, www/sites/brandli/src/css/_arrow.scss */
  .next .arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/* line 11, www/sites/brandli/src/css/_arrow.scss */
.up .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

/* line 4, www/sites/brandli/src/css/_about.scss */
.about .text {
  padding: 5em 15px 15px; }
  @media screen and (min-width: 800px) {
    /* line 4, www/sites/brandli/src/css/_about.scss */
    .about .text {
      padding: 5em 50px 50px; } }

/* line 10, www/sites/brandli/src/css/_about.scss */
.about .index header h1 {
  padding: 2em 15px 1em; }
  @media screen and (min-width: 800px) {
    /* line 10, www/sites/brandli/src/css/_about.scss */
    .about .index header h1 {
      padding: 2em 50px 1em; } }

/* line 19, www/sites/brandli/src/css/_about.scss */
.about .overview {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  /* line 22, www/sites/brandli/src/css/_about.scss */
  .about .overview h1 {
    display: none; }
  /* line 31, www/sites/brandli/src/css/_about.scss */
  .about .overview > * {
    flex: 0 1 50%;
    height: 25vw; }
  @media only screen and (min-width: 450px) {
    /* line 42, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 33.3%;
      height: 17vw; } }
  @media only screen and (min-width: 600px) {
    /* line 50, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 25%;
      height: 15vw; } }
  @media only screen and (min-width: 750px) {
    /* line 58, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 20%;
      height: 12vw; } }
  @media only screen and (min-width: 1000px) {
    /* line 65, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 16.6667%;
      height: 10vw; } }
  @media only screen and (min-width: 1200px) {
    /* line 72, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 12.5%;
      height: 8vw; } }
  @media only screen and (min-width: 1400px) {
    /* line 79, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 10%;
      height: 6vw; } }
  @media only screen and (min-width: 2200px) {
    /* line 86, www/sites/brandli/src/css/_about.scss */
    .about .overview > * {
      flex: 0 1 7.69%;
      height: 5vw; } }

/* line 7, www/sites/brandli/src/css/_video-controls.scss */
.video-container {
  overflow: hidden; }
  /* line 10, www/sites/brandli/src/css/_video-controls.scss */
  .video-container.mobile .btn-play, .video-container.mobile .progress-bar {
    display: none; }

/* line 18, www/sites/brandli/src/css/_video-controls.scss */
video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

/* line 24, www/sites/brandli/src/css/_video-controls.scss */
.play-toggle-mobile {
  position: absolute;
  bottom: 100px;
  z-index: 9999999999;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  text-align: center;
  color: red;
  padding-top: 80vh; }

/* line 37, www/sites/brandli/src/css/_video-controls.scss */
.video-controls {
  position: absolute;
  bottom: -45px;
  left: 50%;
  padding: 7px;
  margin-left: -150px;
  transition: bottom .25s ease-in;
  width: 300px;
  cursor: pointer;
  display: flex;
  align-items: center; }
  /* line 49, www/sites/brandli/src/css/_video-controls.scss */
  .video-controls button {
    margin: 0; }
  /* line 52, www/sites/brandli/src/css/_video-controls.scss */
  .video-controls > * {
    flex: 0 1 30%; }
    /* line 54, www/sites/brandli/src/css/_video-controls.scss */
    .video-controls > *.progress-bar {
      flex: 0 1 70%; }

/* line 66, www/sites/brandli/src/css/_video-controls.scss */
.video-container:focus .video-controls,
.video-container:hover .video-controls {
  bottom: 20px;
  z-index: 2; }

/* line 72, www/sites/brandli/src/css/_video-controls.scss */
.fa-play:before {
  content: "Play"; }

/* line 75, www/sites/brandli/src/css/_video-controls.scss */
.fa-pause:before {
  content: "Pause"; }

/* line 79, www/sites/brandli/src/css/_video-controls.scss */
.btn {
  font-family: ginto-medium;
  width: 50px;
  text-align: center;
  border: 0;
  cursor: pointer;
  background: none;
  color: red;
  font-size: 16px; }
  /* line 89, www/sites/brandli/src/css/_video-controls.scss */
  .btn:focus {
    outline: 0; }

/* line 102, www/sites/brandli/src/css/_video-controls.scss */
.progress-bar {
  background: yellow; }

/* line 105, www/sites/brandli/src/css/_video-controls.scss */
.progress-bar-fill {
  width: 0;
  height: 10px;
  background-color: red;
  transition: width .35s linear; }

/* line 112, www/sites/brandli/src/css/_video-controls.scss */
.btn-backward, .btn-forward, .btn-stop, .btn-mute, .btn-expand {
  display: none; }

/* line 2, www/sites/brandli/src/css/_home.scss */
.project.home .home-video video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0; }

/* line 10, www/sites/brandli/src/css/_home.scss */
.project.home .title-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50px;
  right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999; }
  /* line 21, www/sites/brandli/src/css/_home.scss */
  .project.home .title-wrapper h1 {
    padding-bottom: .25em; }

/* line 19, www/sites/brandli/src/css/styles.scss */
footer {
  position: relative;
  z-index: 999999; }
  /* line 23, www/sites/brandli/src/css/styles.scss */
  footer section.contact {
    margin-bottom: 5em; }
  @media only screen and (min-width: 800px) {
    /* line 22, www/sites/brandli/src/css/styles.scss */
    footer section {
      display: flex; }
      /* line 28, www/sites/brandli/src/css/styles.scss */
      footer section > * {
        flex: 0 1 33.3%; } }

/* line 37, www/sites/brandli/src/css/styles.scss */
a {
  text-decoration: none;
  color: black; }

/* line 41, www/sites/brandli/src/css/styles.scss */
.text a {
  color: red; }

/* line 45, www/sites/brandli/src/css/styles.scss */
#container {
  position: relative;
  width: 100%; }

/* line 50, www/sites/brandli/src/css/styles.scss */
section.text,
footer {
  background: white;
  padding: 15px; }
  @media screen and (min-width: 800px) {
    /* line 50, www/sites/brandli/src/css/styles.scss */
    section.text,
    footer {
      padding: 50px; } }

/* line 62, www/sites/brandli/src/css/styles.scss */
button {
  margin-top: 2em; }

@-webkit-keyframes forward {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes forward {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes backward {
  from {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes backward {
  from {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes title {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes title {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }