@media only screen and (max-width: 500px) {
  .main:before {
    height: 350px;
    left: 160px; }
  .sprout-intro {
    margin-top: 80px;
    padding: 0 20px; }
  .sprout-intro-img {
    margin-top: 40px; }
    .sprout-intro-img:before {
      bottom: 245px;
      transform: scale(0.3); }
    .sprout-intro-img p {
      margin-top: 60px;
      margin-bottom: 60px; }
  .sprout-list-card {
    grid-template-columns: 1fr;
    grid-gap: 20px; }
    .sprout-list-card:not(:first-child) {
      margin-top: 40px; }
  .sprout-list h3 {
    font-size: 18px;
    line-height: 22px; }
  .bottom-promo {
    margin: 80px 0;
    flex-direction: column;
    width: 100%;
    border-radius: 0; }
    .bottom-promo > div:last-child {
      margin-top: 50px; }
    .bottom-promo h2 {
      margin-bottom: 30px; } }