.mkhead {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 32000;
}

.mkhead--white {
    background: rgba(255, 255, 255, .6);
}

.mkhead-logo,
.mkhead-logo img {   
    display: block;
    width: 180px;
    height: 48px;
}

.mkhead-logo {
    float: left;
}

.mkhead-buttons {
    float: right;
    margin-top: 5px;
}

@media (max-width: 420px) {
    .mkhead-buttons,
    .mkhead-logo {
        float: none;
        margin: 0 auto;
    }
    
    .mkhead-logo,
    .mkhead-logo > img {
        width: 150px;
        height: 40px;
    }
    
    .mkhead-buttons {
        margin-top: 10px;
        width: 200px;
    }
    
    .mkhead-buttons > div {
        margin-left: -3px;
    }
}