:root {
  --md-primary-fg-color: #1f3c88;
  --md-primary-fg-color--light: #4364a7;
  --md-primary-fg-color--dark: #14295f;
  --md-accent-fg-color: #e76f51;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .md-content__inner {
    padding-top: 0.5rem;
  }

  .md-typeset table:not([class]) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .md-typeset pre,
  .md-typeset code,
  .md-typeset .highlight pre {
    word-break: normal;
    white-space: pre-wrap;
  }

  .md-nav__title {
    font-size: 0.95rem;
  }

  .md-typeset h1 {
    font-size: 1.6rem;
  }

  .md-typeset h2 {
    font-size: 1.35rem;
  }
}
