#ribbon-container {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;

  overflow: hidden;
  height: 335px;
  width: 350px;

  .banner {
      position: absolute;
      background-color: $ribbon-color;
      @include box-shadow($ribbon-shadow-color, 0, 0, 1em);
      width: 350px;
      top: -1em;
      left: -6em;
      @include rotate(-45deg);

      h2 {
          display: inline;
          border: 1px solid darken($ribbon-color, 20);
          color: $ribbon-text-color;
          display: block;
          margin: 0.05em 0 0.075em 0;
          padding: 0.5em 3.5em;
          font-size: 16px;
          text-align: left;
          text-decoration: none;
          font-weight: bold;
          @include text-shadow(#aaaaaa, 0, 0, 0.5em);
      }
  }
}
