.markdown-content {
  h1,
  h2,
  h3,
  h4,
  h5,
  p,
  ul,
  ol {
    margin-bottom: 1rem;
    max-width: 800px;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin-bottom: 2rem;
    font-weight: 500;
  }

  h2 {
    margin: 2rem 0;
    padding: 2rem 0;
    border-top: 1px solid @gray-50;
    border-bottom: 1px dotted @gray-50;
  }

  &--to-h3{
    h1, h2{
      margin: 0 0 1rem;
      padding: 2rem 0;
      border-top: 1px dotted @gray-50;
      font-weight: 600;
      font-size: var(--c8y-font-size-h3);
      &:first-child{
        border-top: 0;
      }
      &:not(:first-child){
        margin-top: 2rem;
      }
    }
  }

  img {
    max-width: 100%;
    height: auto;
  }
  .c8y-dark-theme &{
    img{
      opacity: .65;
    }
  }
}