header {
    transition: all 0.3s ease;
}

header .top-bar {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 40px;
    opacity: 1;
}

header.shrink .top-bar {
    max-height: 0;
    opacity: 0;
    padding: 0;
}

header.shrink .logo img {
    height: 40px;
    transition: height 0.3s ease;
}

header .container {
    transition: height 0.3s ease;
}

header.shrink .container {
    height: 60px;
}

#mobile-menu {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

#mobile-menu.open {
    max-height: 300px;
    opacity: 1;
}