.w100 { width: 100%; }
.w50 { width: 50%; }
.tac { text-align: center; }
.pb4 { padding-bottom: 4px; }
.bb { background-color: black; }
.p4 { padding: 4px; }
.hh:hover { background-color: wheat; }
.mu { margin: unset; }
.ma { margin: auto; }
.m8 { margin: 8px; }

  .colflex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .promote {
      text-align: center;
      flex-basis: 336px;
      -ms-flex-grow: 0;
      flex-grow: 0;
      -webkit-flex-grow: 0;
  }
  .grow {
      -ms-flex-grow: 1;
      flex-grow: 1;
      -webkit-flex-grow: 1;
  }
  .promo {
      padding: 6px;
  }
  .promo:hover {
      border: 3px solid black;
      overflow: hidden;
      margin: -3px;
  }
  .promo:hover img {
  }