@media only screen and (max-width: 768px) {
  .main:before {
    height: 420px;
    left: 230px; }
  .sprout-intro {
    grid-template-columns: 1fr;
    margin-top: 140px;
    padding-left: 40px; }
    .sprout-intro h1 {
      margin-bottom: 20px; }
    .sprout-intro .break-title {
      display: inline-block; }
    .sprout-intro .break-subtitle {
      display: block; }
  .sprout-intro-img {
    margin-top: 100px; }
    .sprout-intro-img:before {
      bottom: 252px; }
  .sprout-list {
    padding: 0 30px; }
    .sprout-list h2,
    .sprout-list h3 {
      font-size: 24px;
      line-height: 29px;
      font-weight: bold; }
  .sprout-list-card:not(:first-child) {
    margin-top: 80px; }
  .bottom-promo {
    padding: 30px;
    align-items: flex-start; }
    .bottom-promo p {
      max-width: 260px; }
    .bottom-promo h2 {
      max-width: 180px; }
    .bottom-promo .bottom-promo-avatar {
      margin-top: 40px; } }