.mx-block{
  display: block;
  &-flex{
    display: flex;
    height:100%;
    &-align{
      &-left{
        justify-content: flex-start;
      }
      &-center{
        justify-content: center;
      }
      &-right{
        justify-content: flex-end;
      }
    }
    &-valign{
      &-top{
        align-items: flex-start;
      }
      &-middle{
        align-items: center;
      }
      &-bottom{
        align-items: flex-end;
      }
    }
  }
}