/* Optional enhancements. HTML conditional comments exclude this file from IE5-9. */
.page { width: 94%; max-width: 960px; }
.introduction { max-width: 670px; }
.about p { max-width: 850px; }
a:focus { color: #a3214f; background-color: #fff3c9; outline: 2px solid #a3214f; outline-offset: 3px; }
.site-nav a:focus { color: #293d70; background: #fff3c9; }
@media screen and (max-width: 700px) {
  body { padding: 8px 0; }
  .page { width: 96%; }
  .utility { padding: 8px 14px; }
  .languages { float: none; margin-bottom: 4px; }
  .languages a, .languages strong { margin: 0 12px 0 0; }
  .masthead { padding: 18px 14px; }
  .brand-row { margin-bottom: 16px; }
  .union-logo, .forum-logo { float: none; display: block; margin: 0 auto 12px; }
  .motto { margin: 0; padding: 0; }
  h1 { font-size: 32px; line-height: 48px; letter-spacing: 2px; }
  .english h1 { font-size: 32px; line-height: 40px; }
  .welcome { font-size: 24px; line-height: 32px; }
  .site-nav { padding: 8px; line-height: 32px; }
  .site-nav a { margin: 0 7px; }
  .columns { padding: 20px 14px 0; }
  .main, .directory { float: none; width: auto; }
  .directory { margin-top: 26px; }
  .about { margin: 24px 14px 0; }
  .footer { margin: 22px 14px 0; }
  .gnu { width: 76px; height: 80px; margin-right: 16px; }
  .free-copy { margin-left: 92px; }
}
@media print {
  .page { width: 100%; max-width: none; }
}