html {
  font-size: calc(1em + 1vw);
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  width: 100%;
  margin: auto;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  font: 2em sans-serif;
  text-align: center;
  white-space: nowrap;
}

b {
  font-size: 200%;
  vertical-align: middle;
}

blockquote {
  width: 80%;
  margin: auto;
  color: #777;
  font: 75% serif;
  font-style: italic;
  white-space: normal;
}

@media(max-width: 768px) {
  b {
    display: block;
  }
}