html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  line-height: 1.6;
  overflow-wrap: anywhere;
  word-break: normal;
}

p,
li,
dd,
dt,
blockquote {
  line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.15;
  overflow-wrap: anywhere;
}

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

table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

pre,
code,
kbd,
samp {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

section,
article,
main,
aside,
div,
li,
blockquote {
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  main,
  section,
  article {
    scroll-margin-top: 80px;
  }
}