@mixin for-phone-only {
    @media (max-width: 576px) {
      @content;
    }
  }
  @mixin for-tablet-only {
    @media only screen and (max-width:960px){
      @content;
    }
  }
  @mixin flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @mixin flex-start {
    display: flex;
    text-align: start;
    align-items: center;
    justify-content: flex-start;
  }
  @mixin flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  @mixin flex-between {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;

  }

  @mixin column_self{
    display: flex;
    flex-direction: column;
    align-items: self-start;
  }
  @mixin column_flex{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }