@charset "utf-8";

.mobile-pencil-banner { display: none; }

.thin-banner { display: flex; justify-content: center; align-items: center; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 5px 10px; text-align: center; }

.thin-banner p { margin: 0px; display: flex; align-items: center; font-size: 1em; }

.inline-logo { height: 2.5em; margin: 0px 3px; vertical-align: middle; }

.details-link { text-decoration: underline; font-size: 0.8em; color: rgb(255, 255, 255) !important; }

@media (max-width: 600px) {
  .thin-banner p { font-size: 0.85em; }
  .inline-logo { height: 2.2em; }
}

@media (max-width: 550px) {
  .mobile-pencil-baner { display: block; }
}