*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;

  &.no-js,
  &.no-rgba,
  &.no-backgroundsize,
  &.no-opacity,
  &.no-svg,
  &.no-inlinesvg,
  &.no-svgasimg,
  &.no-fontface,
  &.no-bgsizecover,
  &.no-cssgrid,
  &.no-boxsizing {
    background: url('fallback.jpg');

    body {
      display: none;
    }
  }
}

body {
  @extend %book;
  letter-spacing: -0.02em;
  font-size: 1.8rem;
  line-height: 1.3;
}

header {
  background-color: black;
  text-align: center;
  position: relative;
  padding: 20px;
  color: white;
  z-index: 3;
}

footer {
  background-color: black;
  text-align: center;
  position: relative;
  padding: 20px;
  color: white;
  z-index: 3;
}

p + p, p + ul {
  margin-top: 20px;
}

ul, ol {
  padding: 0 0 0 20px;
  list-style: outside;
  margin: 0;

  &.slim {
    padding-top: 0;
  }

  &.letters {
    padding: 0 0 0 30px;
    list-style: lower-alpha;
  }

  &.numbers {
    padding: 0 0 0 30px;
    list-style: decimal;
  }

  + p {
    margin-top: 20px;
  }
}

a {
  -webkit-tap-highlight-color: transparent;
  color: inherit;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}

h1 {
  @extend %bold;
  margin-bottom: 20px;
  font-size: 2.8rem;
}

h2 {
  @extend %bold;
  letter-spacing: -0.03em;
  font-size: 16rem;
  line-height: 1;
}

h3 {
  @extend %bold;
  letter-spacing: -0.03em;
  font-size: 7.2rem;
  line-height: 1;
}

h4 {
  @extend %bold;
  font-size: 4.8rem;
}

h5 {
  @extend %bold;
  font-size: 2.1rem;
  line-height: 1;
}

h6 {
  @extend %bold;
  font-size: 1.6rem;
}

i, em {
  @extend %book-italic;
}

b, strong {
  @extend %bold;

  i, em {
    @extend %bold-italic;
  }
}

svg {
  display: block;
}

img {
  display: block;
}

button {
  @extend %bold;
  @include borderRad($radius);
  @include padding($l:5,$r:5);
  position: relative;
  background: none;
  border-width: 0;
  cursor: pointer;
  color: white;
  width: 100%;
  z-index: 2;
}

button.navigation {
  letter-spacing: -0.02em;
  border-radius: 0;
  color: $forms;
  padding: 0;
}

button.navigation.book {
  padding: 0 20px;
}