<footer class="np-footer">
  <div class="footer">
    <div class="footer-column">
      <img class="footer-column1-logo" src="{{current_school.logo_url}}">
      <div class="footer-column1-text">
        © 2021 Isoplexis | All Rights Reserved For Research Use Only. Not for Use in Diagnostic Procedures.
      </div>
      <div class="footer-column1-link">
        <a href="https://isoplexis.com/privacy-policy/">Privacy Policy</a> | <a href="https://isoplexis.com/terms-and-conditions/">Terms and Conditions</a>
      </div>
    </div>
    <div class="footer-column" id="hide">
      <div class="footer-column2-upper">
        Research Areas
      </div>
      <a href="https://isoplexis.com/research-areas/checkpoint-combination-immunotherapies/" class="footer-column2-main">Cancer Immunology</a>
      <a href="https://isoplexis.com/research-areas/vaccines-and-immunology-research/" class="footer-column2-main">Infectious Disease & Vaccines</a>
      <a href="https://isoplexis.com/research-areas/cell-therapy/" class="footer-column2-main">Cellular & Regenerative Medicine</a>
      <a href="https://isoplexis.com/research-areas/inflammatory-auto-immune-disease/" class="footer-column2-main">Inflammation & Neurology</a>
      <a href="https://isoplexis.com/research-areas/solid-tumor-oncology/" class="footer-column2-main">Oncology</a>
    </div>
    <div class="footer-column" id="hide">
      <div class="footer-column2-upper">
        Company
      </div>
      <a href="https://isoplexis.com/company/about-us/" class="footer-column2-main">About Us</a>
      <a href="https://isoplexis.com/office-locations/" class="footer-column2-main">Locations</a>
      <a href="https://isoplexis.com/company/locations-distributors/distributors/" class="footer-column2-main">Distributors</a>
      <a href="https://isoplexis.com/company/isoplexis-news/" class="footer-column2-main">News</a>
      <a href="https://isoplexis.com/company/isoplexis-events/" class="footer-column2-main">Events</a>
      <a href="https://isoplexis.com/company/careers/" class="footer-column2-main">Careers</a>
    </div>
    <div class="footer-column" id="hide2">
      <div class="footer-column2-upper">
        Contact
      </div>
      <span class="footer-column1-text">IsoPlexis Office 35 NE Industrial Rd, Branford, CT 06405</span>
      <a href="https://isoplexis.com/contact/" class="footer-column1-link">Contact IsoPlexis</a>
      <a href="https://isoplexis.com/speak-to-an-expert/" class="footer-column1-link">Speak to an Expert</a>
    </div>
  </div>
</footer>

<style>
  .np-footer{
    background: none;
    margin: 60px auto 0;
    padding: unset;
  }
  .footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1300px;
  }
  .footer-column {
    display: flex;
    flex-direction: column;
    max-width: 20%;
    padding: 0 20px
  }
  .footer-column1-logo {
    margin-bottom: 20px;
    width: 220px;
  }
  .footer-column1-text {
    color: #9baebf;
    line-height: 1.3;
  }
  .footer-column1-link{
    color: #fff;
    line-height: 1.3;
  }
  .footer-column2-upper {
    margin-bottom: 20px;
    font-size: 1.6rem;
    position: relative;
    top: 15px;
    min-height: 56px;
    display: flex;
  }
  .footer-column2-main {
    color: #9baebf;
    padding-bottom: 8px;
    white-space: nowrap
  }
  @media only screen and (max-width: 1200px) {
    .footer {
      justify-content: space-evenly;
    }
  }

  @media only screen and (max-width: 900px) {
    #hide {
      display: none;
    }
    .footer-column {
      max-width: 30%;
    }
  }
  @media only screen and (max-width: 500px) {
    #hide2 {
      display: none;
    }
    .footer-column {
      max-width: 80%;
      padding-bottom: 10px;
    }
  }
</style>