//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m + 1) {
    .page-header {
        .header.content {
            .logo {
                margin: 0 0 0 50px;
                max-height: none;
                max-width: 75px;
                padding-top: 12px;
                position: static;
                z-index: 1;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .page-header {
        .header.content {
            .logo {
                margin: 0 0 0 15px;
                max-height: none;
                max-width: 107px;
                padding-bottom: 15px;
                padding-top: 15px;
                position: relative;
                top: 5px;
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
    .page-header {
        .header.content {
            .logo {
                margin: 0;
                max-width: 143px;
                padding-bottom: 7px;
                padding-top: 7px;
            }
        }
    }
}