:root {
  --white: white;
  --black: black;
}

.section {
  color: #feffda;
  text-align: center;
  text-transform: uppercase;
  background-color: #ff0013;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  padding: 32px 64px;
  font-family: antique-olive-nord;
  font-size: 40px;
  line-height: 40px;
  display: flex;
}

.section.section--2 {
  color: #ff4746;
  background-color: #fff;
}

.heading {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: antique-olive-nord;
  font-size: 40px;
}

.code {
  color: #ff0013;
  text-transform: none;
  font-family: Bebas Neue, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.button {
  color: #feffda;
  background-color: #000;
  margin-top: 24px;
}

.heading-2 {
  color: #fff;
  font-family: Bebas Neue, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.text-block {
  color: #ff0013;
  font-family: Bebas Neue, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.text-block-2 {
  color: #fff;
  font-family: Bebas Neue, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.image {
  border-radius: 15px;
  width: 801px;
}

.div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #ff0013;
  background-color: #ff4746;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 5px 5px 0 3px #bc2e2d;
}

.div-block.white {
  background-color: #fff;
  box-shadow: 5px 5px 0 1px #e8e8e8;
}

.image-2 {
  width: auto;
  height: 25px;
}

.div-block-2 {
  background-color: #fff;
  width: 2px;
  height: 25px;
}

.div-block-2.red {
  background-color: #ff0013;
  width: 2px;
}

.link-block {
  text-decoration: none;
}

.text-block-3 {
  color: #fff;
  font-family: Oswald, sans-serif;
}

.text-block-3.red {
  color: #ff0013;
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4 {
  color: #fff;
  font-family: Bebas Neue, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.image-3 {
  border-radius: 12px;
}

@media screen and (max-width: 479px) {
  .section, .section.section--2, .section.smowler {
    padding-left: 20px;
    padding-right: 20px;
  }

  .code, .heading-2, .text-block, .text-block-2 {
    font-size: 50px;
    line-height: 50px;
  }

  .image {
    width: 360px;
  }

  .div-block {
    padding-left: 28px;
  }

  .image-2 {
    height: 20px;
  }

  .div-block-2 {
    background-color: #fff;
  }

  .text-block-3 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-3 {
    flex-flow: column;
  }

  .text-block-4 {
    font-size: 50px;
    line-height: 50px;
  }
}