/* Desktop */
@media (min-width: 768px) {
  body {
    font-size: 18px;
    padding-bottom: 0;
  }
  .wrap {
    max-width: 760px;
  }
  .hero {
    padding: 24px 0 56px;
  }
  .hero .logo {
    width: 280px;
  }
  h1 {
    font-size: 72px;
  }
  section {
    padding: 56px 0;
  }
  h2 {
    font-size: 34px;
  }
  .offers {
    grid-template-columns: repeat(3, 1fr);
  }
  .offers li {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }
  .strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    overflow: visible;
    margin: 0;
    padding: 0;
    align-items: end;
  }
  .strip figure {
    width: 100%;
  }
  .strip img,
  .strip.life img {
    height: auto;
    width: 100%;
  }
  .bar {
    display: none;
  }
}