.icon-argument-container {
  display: flex;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 44px;
  background-color: #f5f6f7;

  .icon,
  svg {
    width: 24px;
    height: 24px;
    color: $primary;
    fill: $primary;
  }
}

.PageHeaderWrapper {
  h1 {
    margin-bottom: 0.67em;
  }
  p.subtitle {
    color: $headings-color;
    font-weight: bold;

    @include rem-size(font-size, 19.36);
  }
  p.description {
    @include rem-size(font-size, 24);
  }

  .header-image {
    max-width: 16em;
  }

  @media (min-width: #{map-get($grid-breakpoints, md)}) {
    & + .content-image {
      .wide-image {
        margin-right: 0em;
        margin-left: -0.9em;

        figure {
          margin: 0;

          img {
            object-position: center;
          }
        }
      }
    }
  }
}