:root {
  --aboutFontSize: clamp(var(--defaultFontSize), calc(8px + .8vw), 64px);
  --aboutLineHeight: 1.5;
  --aboutLineHeightInPixels: calc(var(--aboutFontSize) * var(--aboutLineHeight));
  --aboutLineHeightNoText: calc(var(--aboutLineHeightInPixels) - var(--aboutFontSize));
}

#aboutContent {
  display: block;
  width: 100%;
}

#aboutImage {
  display: block;
  float: left;
  min-width: 100px;
  width: auto;
  height: calc(var(--aboutLineHeightInPixels) * 12 - var(--aboutLineHeightNoText));
  margin: 0px calc(var(--aboutLineHeightNoText) + 5px) 0px 0px;
  padding: var(--aboutLineHeightNoText) 0px 0px 0px;
  box-sizing: border-box;
}

.aboutText {
  font-size: var(--aboutFontSize);
  line-height: var(--aboutLineHeight);
  text-align: justify;
  hyphens: none;
  margin: 0px 0px var(--contentGap) 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.lastText {
  margin: 0px !important;
}

  @media (max-width: 950px) {
    #aboutContent {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: var(--contentGap);
    }

    #aboutImage {
      float: none;
      width: 50%;
      height: auto;
      margin: 0px;
    }

    .aboutText {
      margin: 0px 0px 0px 0px;
      hyphens: auto;
    }
  }