header {
  position: fixed;
  z-index: +99;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 100px;
  background: rgb(98,22,71);
  background: linear-gradient(176deg, rgba(98,22,71,1) 0%, rgba(199,43,144,1) 100%);

  @include breakpoint (medium down) {
    position: relative;
    height: auto;
  }

  .logo {
    margin-top: 25px;

      @include breakpoint (medium down) {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translate(-50%);
        margin: auto;
        justify-content: center;
        text-align: center;

        img {
          height: auto;
        }
      }
    }
  }
