@import url(https://fonts.googleapis.com/css?family=Raleway:400,300);
.container, .nav-back, .beta, footer {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 54rem) {
  .container, .nav-back, .beta, footer {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 35rem) {
  .col-md-6, .intro, .preview,
  .col-sm-6,
  .trademarks,
  .copyright {
    width: 50%;
  }
}

.img-responsive, .iphone {
  max-width: 100%;
}
@media (min-width: 54rem) {
  .img-responsive, .iphone {
    max-width: 70%;
  }
}

.beta {
  text-shadow: 0 1px 6px #000000;
}
@media (min-width: 35rem) {
  .beta {
    margin-top: 4em;
  }
}
.beta h1 {
  font-size: 2em;
  font-weight: 400;
}
@media (min-width: 54rem) {
  .beta h1 {
    font-size: 2.4em;
  }
}
.beta h2 {
  font-size: 1.5em;
}

.intro {
  text-shadow: 0 1px 10px #000;
  margin: 4em 0;
}
@media (min-width: 45rem) {
  .intro {
    margin: 5em 0;
    text-align: right;
  }
}

@media (min-width: 35rem) {
  .trademarks {
    text-align: right;
  }
}

.imprint-modal {
  display: none;
  color: #000;
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(249, 249, 249, 0.8);
}

.nav-back {
  margin-top: 4em;
  margin-bottom: 4em;
}
.nav-back a {
  line-height: 2em;
}

* {
  box-sizing: border-box;
}

body {
  background-image: url(/assets/bottles.jpg);
  background-size: cover;
  background-position: left bottom;
  font-family: "Raleway", sans-serif;
  font-size: 22px;
  color: #fff;
}

a {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

a, a:hover, a:visited:hover {
  text-decoration: none;
  font-size: inherit;
}

p {
  line-height: 150%;
}
p a {
  border-bottom: 1px solid #999;
}
p a:hover {
  border-bottom-color: #f9f9f9;
}

footer {
  font-size: 0.8em;
  margin-top: 4em;
  margin-bottom: 4em;
  color: #BFA381;
}
footer a {
  color: #BFA381;
}
footer a:hover {
  color: #f4f4ed;
}

body.imprint {
  background: #f4f4ed;
  color: #333;
}
body.imprint footer {
  color: #333;
}
body.imprint a, body.imprint a:hover {
  color: #333;
}
body.imprint p {
  white-space: pre-wrap;
}

.row {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 35rem) {
  .row {
    display: flex;
  }
  .row > :not(:last-child) {
    margin-right: 2rem;
  }
}

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