* {
  font-family: 'klavika-web', sans-serif;
  color: #FFFFFF;
  line-height: 1.35em;
  font-weight: normal;
  font-size: 18px; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background-color: white;
  background-image: url("../images/aryes_hintergrund.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover; }

.logo {
  max-width: 240px;
  margin-bottom: 20px; }

h1 {
  margin: 0; }

h1 {
  font-size: 100px;
  color: #EEEEEE;
  /* Fallback for older browsers */
  color: rgba(255, 255, 255, 0.4); }

a {
  text-decoration: none;
  transition-duration: .2s;
  transition-property: all; }
  a:hover {
    opacity: .8; }

p {
  padding: 0;
  margin: 0; }

.grey {
  color: #444444; }

#block1 {
  position: absolute;
  right: 100px;
  top: 80px; }
  #block1 p {
    width: 300px; }

#block2 {
  position: absolute;
  left: 100px;
  bottom: 20%; }

#block3 {
  position: absolute;
  right: 100px;
  bottom: 50px; }
  #block3 p {
    width: 300px; }

/* Mobile */
@media screen and (max-width: 767px) {
  #block1, #block2, #block3 {
    padding: 20px;
    position: unset;
    float: left;
    left: unset;
    bottom: unset;
    top: unset;
    right: unset; }
    #block1 p, #block2 p, #block3 p {
      width: auto; }

  #block1 {
    margin-top: 20px; }

  h1 {
    font-size: 50px;
    line-height: 1em; } }

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