_header.scss

.header {
    top: 30px;
    @media (max-width: $screen-sm-min -1) {
        top: 0;
    }

    .logo-area,
    .logo,
    .admin-title,
    .loading-box {
        float: left;
    }
    .logo {
        margin-right: 15px;
        // logo restricted to 45px - custom work required for a larger version
        img {
            max-height: 45px;
        }
    }
    .admin-title {
        margin: 15px 10px 5px 0;
        @media (max-width: $screen-sm-min - 1) {
            clear: both;
            margin-top: 10px;
        }
    }
    // see _loading-inner for more realting to .logo-area

    + .container {
        // if container is directly after header, then it will need a margin
        margin-top: 50px;
        @media (min-width: $screen-xs-min) and (max-width: $screen-md-min - 1){
            margin-top: 20px;
        }
    }
}