#pin-code {
  background-color: #C3C3C3;

  .button-stretch {
      width: 100%;
  }
  .col-offset-15 {
      margin-left: 15%;
  }
  @mixin centerer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content {
    position: absolute;
    width: 100%;
    height: 100%;
    .block-code {
      @include centerer;
      top: 20% !important;
      width: 50%;
      > .row > .col {
        border-bottom: 1px solid #3E3E3E;
        padding: 5px;
        margin: 10px;
        height: 35px;
      }
    }
    .block-buttons {
      @include centerer;
      padding: 20px;
    }
  }
}