* { box-sizing: border-box; }

html, body { min-height: 100%; }

body { margin: 0; padding-top: 1px; }

.former-link { color: #ab95d0; }

.video-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 600px;
  height: var(--video-height);
  max-width: 100%;
  border: 1px solid #202020;
  color: #777;
  background: #050505;
  font: 18px Georgia, "Times New Roman", serif;
}

.directmail_sg input[type="submit"] { cursor: default; }

@media (max-width: 920px) {
  html { background-size: auto 250px; }
  body { background-size: auto 210px; }
  #wrapper { width: min(100%, 900px); padding: 0 14px; }
  #header { height: 135px; }
  #header h1 { padding-top: 30px; }
  #header .description { padding-top: 62px; }
  #content { width: calc(100% - 235px); margin-left: 0; }
  #sidebar { width: 210px; margin-right: 0; }
  .entry img { height: auto; }
  .video-placeholder { aspect-ratio: 600 / 345; height: auto; }
}

@media (max-width: 680px) {
  html { background-position: top center; }
  body { font-size: .75em; }
  #wrapper { padding: 0 12px; }
  #header { height: 145px; margin-bottom: 10px; }
  #header h1 { float: none; margin: 0; padding-top: 28px; font-size: 2.55em; }
  #header .description { float: none; padding-top: 4px; }
  #content, #sidebar { float: none; width: 100%; margin: 0; }
  #content { line-height: 1.75em; }
  #sidebar { margin-top: 24px; }
  #sidebar table, #sidebar input[type="text"] { max-width: 100%; }
  .post { text-align: left; }
  .entry img { max-width: 100%; }
}