.banner__img {
  max-width: 800px;
  margin: 0 auto 24px;
}

@media screen and (max-width: 1023px) {
  .banner__img {
    max-width: 800px;
  }
}

@media screen and (max-width: 599px) {
  .banner__img {
    max-width: 500px;
    margin: 0 auto 15px;
  }
}
.system_requirements {
  text-align: center;
}

@media screen and (max-width: 599px) {
  .system_requirements {
    text-align: center;
  }
}

.system_requirements a {
  margin: 30px 0 0 auto;
  padding: 12px 40px;
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .system_requirements a {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 599px) {
  .system_requirements a {
    margin: 20px auto 0;
    padding: 12px 30px 12px 20px;
  }
}

.system_requirements a::before {
  margin-top: -5px;
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top-functional-text {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 3rem;
}

@media screen and (max-width: 599px) {
  .top-functional-text {
    font-size: 1.5rem;
  }
}