header.mainHeader {
    position: fixed;
    left: 0px;
    top: 30px;
    width: 100%;
    z-index: 99999;
    transform: translateY(0px);
    transition: 500ms;
}

nav#mainNav .container {
    background: transparent;
    padding: 0px 20px;
    border-radius: 20px;
}

header.mainHeader .container {
    background: rgb(255 255 255) !important;
}

.navbar-brand img {
    width: 100px;
    padding: 0;
    border-radius: 15px;
    display: block;
    height: auto;
    transition: all 500ms ease;
    margin-left: 14px;
}

.mainHeader.fixedHeader {
    transform: translateY(-40px);
    transition: 500ms;
    background: #ffffff;
    box-shadow: 0 0 10px #0000003d;
}

header.mainHeader {
    position: fixed;
    left: 0px;
    top: 40px;
    width: 100%;
    z-index: 99999;
    transform: translateY(0px);
    transition: 500ms;
}

.mainHeader .fixedHeader {
    background: #efefef !important;
}

.mainHeader .fixedHeader #mainNav .container {
    background: #efefef !important;
}