.banner {
  max-width: 100vw;
  width: 100%;
}

.btn {
  border: 1px solid;
  border-radius: 5px;
  padding: 1rem;
}

.btn:hover {
  text-decoration: underline;
}

/* section#become-retailer */

section#become-retailer {
  background-color: #f27d3c;
  padding: 5vh;
  text-align: center;
}

section#become-retailer * {
  color: white;
}

/* section#our-company */

section#our-company h2 {
  color: #ff5c01;
}

section#our-company p {
  margin-bottom: 1rem;
}

section#our-company a {
  text-decoration: underline;
}

section#our-company .btn {
  background: #ff9501;
  color: white;
  text-decoration: none;
}

section#our-company .btn:hover {
  background: #ff5c01;
}

.products {
  background: #ff9501;
  border-radius: 5px;
  color: white;
  padding: 1rem;
}

.products > img {
  width: 100%;
}

/* section#subscribe */

section#subscribe {
  background-color: #f27d3c;
  color: white;
  padding: 5vh;
  text-align: left;

  display: grid;
  align-items: center;
  grid-auto-rows: min-content;
  justify-content: center;
  justify-items: center;
}

section#subscribe * {
  margin-bottom: 1rem;
}

@media (min-width: 500px) {
  section#subscribe {
    grid-template-columns: 0.75fr;
  }
}

@media (min-width: 900px) {
  section#subscribe {
    grid-template-columns: 0.5fr;
  }
}

/* Mailchimp */

.indicates-required {
  text-align: right;
}

.mc-field-group {
  display: grid;
}

.mc-field-group .required {
  border: 1px solid #143440;
  border-radius: 5px;
  font-size: 1rem;
  padding: 0.5rem;
  outline: none;
}

.mc-field-group .required:focus {
  border: 2px solid #0992c4;
}

#mce-EMAIL {
  color: black;
}

#mc-embedded-subscribe {
  color: inherit;
  max-width: 100px;
}

#mc-embedded-subscribe.btn {
  display: block;
  margin: 0 auto;
}

#mc-embedded-subscribe-form {
  margin: 0 auto;
  max-width: 40rem;
}

/* Internet Explorer */

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#subscribe {
    margin: 0 auto;
    padding: 1rem;
  }

  .mc-field-group > * {
    display: block;
    width: 100%;
  }
}