body {
  background-color: $white;
  background-image: url('../img/bg/es-c.jpg');
  background-image: url('../img/bg/es-c.jpg'), linear-gradient(270deg, $turquoise, $true-blue);
  background-repeat-x: no-repeat;
  background-repeat-y: repeat;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;

  @include touch {
    background-attachment: scroll;
  }
}

.page-content {
  max-width: 920px;
  margin: 0 auto;
}

html,
body {
  height: 100%;
}

.content {
  flex: 1 0 auto;
}

footer.page-footer {
  flex-shrink: 0;
}

.rf-logo path {
  fill: transparent;
  stroke-width: 1;

  @include touch {
    stroke-width: 1.5;
  }
}
