:root {
  --text-color: #7c5e4b;
  --main-color: #fff;
  --sub-color: #f5ebdd;
}

@media (max-width: 768px) {
  html {
    font-size: 0.9rem;
  }

  .banner-items {
    flex-direction: column;
    align-items: center;
  }

  #about,
  #works {
    padding: 40px 20px;
  }

  .banner-items img {
    max-width: 300px;
    width: 100%;
  }
}