.header {
    position: relative;
    padding: $g-gutter;
    overflow: auto;
    background-color: $c-white;

    &.header--post {
        @include mq(tablet) {
            position: fixed;
            z-index: 10;
            width: 50%;
            min-height: 100%;
        }
    }

    .header__block {
        @include mq($until: tablet) {
            margin-top: 40px;
        }

        @include mq(tablet) {
            position: absolute;
            top: 34%;
            left: 0;
            right: 0;
        }
    }

    .site-title,
    .post-title {
        position: relative;
        z-index: 5;
        text-align: center;
        font-weight: bold;
        color: $c-black;
    }

    .powered-by {
        float: right;

        @include mq(tablet) {
            position: absolute;
            right: 20px;
            bottom: 20px + $g-now-playing;
        }
    }
    
    .stripe {
        width: 300px;
        margin: 20px auto;
    }
}

.header {
    position: relative;
    padding: $g-gutter;
    overflow: auto;
    background-color: $c-white;

    &.header--post {
        @include mq(tablet) {
            position: fixed;
            z-index: 10;
            width: 50%;
            min-height: 100%;
        }
    }

    .header__block {
        @include mq($until: tablet) {
            margin-top: 40px;
        }

        @include mq(tablet) {
            position: absolute;
            top: 34%;
            left: 0;
            right: 0;
        }
    }

    .site-title,
    .post-title {
        position: relative;
        z-index: 5;
        text-align: center;
        font-weight: bold;
        color: $c-black;
    }

    .powered-by {
        float: right;

        @include mq(tablet) {
            position: absolute;
            right: 20px;
            bottom: 20px + $g-now-playing;
        }
    }
    
    .stripe {
        width: 100%;
        max-width: 300px;
        margin: 20px auto;
    }
}

Fix stripe width on mobile
Fix stripe width on mobile
