/* Header layout */
.header-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* Logo container */
.logo {
    display: flex;
    align-items: center;
}

/* Base image rules */
.logo img {
    height: auto;
    display: block;
}


/* Right side fills remaining space */
.header-right {
    flex: 1;

    text-align: right;
}

.logo-desktop {
    display: block !important;
    width: 320px;
}

.logo-mobile {
    display: none !important;
    width: 100px;
}

@media (max-width: 700px) {
    .logo-desktop {
        display: none !important;
    }
    .logo-mobile {
        display: block !important;
    }
}