#comments {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: auto;
}

#comments {
  max-width: 72em;
}

#comments > div {
  margin: unset;
  padding: 1em 2em;
  width: 32em;
}

#comments > div > h2 {
  color: var(--the-green);
  border: none;
}

section#announce {
  min-width: calc(100% - 8em);
}

section#announce p {
  font-size: 1.2em;
}

blockquote {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.1em;

  text-align: left;
  margin: 0.25em 0;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}

blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
}

@media (max-width: 1080px) {
  main {
    display: '';
  }

  blockquote {
    width: auto;
    padding: 1em 1em;
  }

  blockquote:before {
    display: none;
  }

  section {
    max-width: 100%;
    padding: 0;
    padding: 1em;
  }

  section#video  {
    height: 203px;
  }

  section#video iframe {
    width: 100%;
    height: 203px;
  }
}