body.context-styleguide {
  padding-top: 0; }

.context-styleguide .header, .context-styleguide .footer {
  display: block;
  background: #000; }

.context-styleguide .header {
  margin-bottom: 40px; }

.context-styleguide .footer {
  margin-top: 40px; }

.context-styleguide cite {
  display: block;
  color: #f00;
  padding-top: 40px;
  background: #fff;
  margin-bottom: 10px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-family: "Courier New"; }

.context-styleguide .organism {
  margin-bottom: 50px; }

.context-styleguide .component {
  background: #fff; }

.iconography {
  display: flex;
  flex-wrap: wrap; }
  .iconography span {
    flex: 1 1 25%;
    margin: 0 0 40px;
    border: solid 1px #ccc;
    padding: 10px; }
    .iconography span:before {
      font-size: 36px;
      display: block; }