skiutestemixi

@mixin centerAll() {
  display: flex;
  align-items: center;
  justify-content: center;
}

 @include centerAll();

  @include d(ml) {
    padding-top: 5vw;

    nav {
      display: none;
    }
  }

@mixin d($size) {

  // $l-device: 992px;
  // $m-device: 768px;
  // $s-device: 480px;
  // maior ou igual que do que 992px
  @if $size==l {
    @media screen and (min-width: #{$l-device}) {
      @content;
    }
  }

  // maior ou igual que 768px e menor que 992px
  @else if $size==m {
    @media screen and (min-width: #{$m-device}) and (max-width: #{$l-device - 1}) {
      @content;
    }
  }

  // maior ou igual que 480px e menor que 768px
  @else if $size==s {
    @media screen and (min-width: #{$s-device}) and (max-width: #{$m-device - 1}) {
      @content;
    }
  }

  // menor que 480px
  @else if $size==x {
    @media screen and (max-width: #{$s-device - 1}) {
      @content;
    }
  }

  // menor que 992px
  @else if $size==ml {
    @media screen and (max-width: #{$l-device - 1}) {
      @content;
    }
  }

  // menor que 768px
  @else if $size==mm {
    @media screen and (max-width: #{$m-device - 1}) {
      @content;
    }
  }

  // maior ou igual que 768px
  @else if $size==outm {
    @media screen and (min-width: #{$m-device}) {
      @content;
    }
  }
}