.pm-top {
  display: none
}

.pm-left {
  margin: 0 6% var(--spacing-sm);
}

@media (max-width: 768px) {
  .pm-left h3 {
    margin-bottom: var(--spacing-xs);
  }

  .pm-left p {
    margin-bottom: var(--spacing-xxs);
  }

  .pm-left p:last-child {
    margin-bottom: 0;
  }
}

.pm-right {
  padding: 66px 6% 0;
  position: relative;
  z-index: 1
}

.pm-right:before {
  content: "";
  width: 100%;
  padding-bottom: 95%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #f8f8f8
}

.pm-right .image {
  padding-bottom: 120%;
  margin-bottom: 42px
}

@media (max-width: 768px) {
  .pm-right {
    padding: 0;
    margin: 0 6%;
  }

  .pm-right .image {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 860px) {
  .pm-top {
    display: block;
    margin: 4.85% 2.9% 0
  }

  .pm-top .image {
    padding-bottom: 49.2%
  }

  .pm-wrapper {
    font-size: 0
  }

  .pm-left,
  .pm-right {
    display: inline-block;
    vertical-align: top;
    font-size: 16px
  }

  .pm-left {
    width: 45.65%;
    margin: 5.7% 1.45% 0 2.9%
  }

  .pm-right {
    width: 40.6%;
    padding: 6.7% 2.9% 0 6.5%;
    margin-top: -10.8%
  }
}