.container {
  width: 100%
}

@media (min-width: 640px) {
  .container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px
  }
}

.mb-4 {
  margin-bottom: 1rem
}

.mt-8 {
  margin-top: 2rem
}

.block {
  display: block
}

.flex {
  display: flex
}

.flex-col {
  flex-direction: column
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.font-extrabold {
  font-weight: 800
}

@media (min-width: 768px) {
  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
  }

  .md\:basis-80 {
    flex-basis: 20rem
  }

  .md\:flex-row {
    flex-direction: row
  }

  .md\:pl-8 {
    padding-left: 2rem
  }
}