.main {
  min-height: 100vh;
  padding: 4rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: var(--main-content-width);
}

.container {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    margin: 0 auto !important;
    padding: 0;
  }

  .container h1 {
    font-size: 2rem;
  }

  .main {
    width: 100%;
  }
}