.overlay {
  &.grasp-seasons {
    position: fixed;
    background-color: transparent;
    text-align: center;

    &.main{
      top: 10px;
      left: 10px;
      width: 795px;
      height: 600px;
    }
    &.small-top{
      top: 10px;
      left: 815px;
      width: 395px;
      height: 300px;
    }
    &.small-bottom{
      top: 340px;
      left: 815px;
      width: 395px;
      height: 300px;
    }
    &.active{
      background-color: transparent;
    }
      .hands-view{
        background-color:transparent;
      }
      .instructions {
        top: auto;
        bottom: 0;
        margin-bottom:4px;
        font-size: 1.3em;
        padding: 3px 10px 3px 3px;
        text-shadow:
          -1px -1px 0 #000,
          1px -1px 0 #000,
          -1px 1px 0 #000,
          1px 1px 0 #000;
      }
  }
}
.overlay {
  &.grasp-seasons {
    position: fixed;
    background-color: transparent;
    text-align: center;

    &.main{
      top: 10px;
      left: 10px;
      width: 795px;
      height: 600px;
    }
    &.small-top{
      top: 10px;
      left: 815px;
      width: 395px;
      height: 300px;
    }
    &.small-bottom{
      top: 315px;
      left: 815px;
      width: 395px;
      height: 300px;
    }
    &.active{
      background-color: transparent;
    }
      .hands-view{
        background-color:transparent;
      }
      .instructions {
        top: auto;
        bottom: 0;
        margin-bottom:4px;
        font-size: 1.3em;
        padding: 3px 10px 3px 3px;
        text-shadow:
          -1px -1px 0 #000,
          1px -1px 0 #000,
          -1px 1px 0 #000,
          1px 1px 0 #000;
      }
  }
}
Fix css for small bottom pane view
Fix css for small bottom pane view
