.paragraph h1 {
  font-size: var(--hxl);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph h2 {
  font-size: var(--h1);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph h3 {
  font-size: var(--h2);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph h4 {
  font-size: var(--h3);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph h5 {
  font-size: var(--h4);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph h6 {
  font-size: var(--h5);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 3.5rem;
}

.paragraph p,
.paragraph ul,
.paragraph ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.paragraph b,
.paragraph strong {
    font-weight: 700;
}

.paragraph a:not(.button):not(.no-highlight):not([ng-href]):not(.social) {
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
  transition: 0.2s ease;
}

.paragraph * + h2, .paragraph * + h3, .paragraph * + h4, .paragraph * + h5, .paragraph * + h6 {
  margin-top: 4.5rem;
}

.paragraph *:not(div:not([class^="fg_"]):not([class="wpcf7"])):last-child
.paragraph blockquote *:not(div:not([class^="fg_"])):last-child {
  margin-bottom: 0
}


@media only screen and (max-width: 682px) {

  .paragraph h2 {
    font-size: var(--h2);
  }

}