/* Make header a flex container */
#header {
    display: flex;
    align-items: center;  /* vertically centers content */
    justify-content: space-between;
    min-height: 150px;    /* adjust to fit larger logo */
    border-bottom: 1px solid rgba(235, 235, 235, 0.25);
    padding: 0 20px;      /* optional horizontal padding */
}

/* Navbar logo */
.navbar-brand .logo > img {
    max-height: 120px;    /* desktop logo size */
    width: auto;
    display: block;
}

/* Tablet */
@media only screen and (max-width: 767px) {
    #header {
        min-height: 100px;  /* smaller navbar for tablet */
    }
    .navbar-brand .logo > img {
        max-height: 90px;
    }
}

/* Mobile */
@media only screen and (max-width: 480px) {
    #header {
        min-height: 80px;   /* smaller navbar for mobile */
    }
    .navbar-brand .logo > img {
        max-height: 70px;
    }
}