@media only screen and (max-width:799px) {
      td {
          display: table-row;
          width: 99%;
      }
      img:not(.contact-icon) {
          width: 49%;
          min-width: 299px;
          align: middle;
      }
      .hero-table td {
          display: block;
          width: 100%;
          padding-left: 0;
          padding-right: 0;
      }
      .hero-header .contact-row {
          display: flex;
          justify-content: center;
      }
      .hero-header .contact-links {
          display: none;
      }
      .hero-side {
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 20px;
          width: fit-content;
          margin: 0 auto;
      }
      .hero-links-mobile {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 14px;
      }
      .contact-icon {
          min-width: 0;
          width: 20px;
      }
      .avatar {
          max-width: 150px;
          flex: 0 0 150px;
      }
      .hero-copy {
          padding-top: 16px;
      }
  }