.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
  }
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.inset-x-0 {
  left: 0px;
  right: 0px
}

.top-0 {
  top: 0px
}

.flex {
  display: flex
}

.grid {
  display: grid
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-wrap {
  flex-wrap: wrap
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-items-stretch {
  justify-items: stretch
}

.gap-4 {
  gap: 1rem
}

.justify-self-end {
  justify-self: end
}

.rounded-2xl {
  border-radius: 1rem
}

.pt-20 {
  padding-top: 5rem
}

.brandimagesize {
  margin: 0.75rem;
  width: 8rem
}

@media (min-width: 640px) {
  .brandimagesize {
    margin: 1.25rem
  }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}