/* START Sticky Header */
#app {
    padding-top: var(--header-height);
}

#cms-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;

    .header-bar-wrapper {
        background-color: var(--bg-color);
    }



    #m5 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;


    }

    @media screen and (min-width: 1199px) {
        .logo {
            width: 150px;

            img {
                position: absolute;
                width: 150px;
                height: auto;
            }
        }

        #m5 {
            .bar-nav-menu-bar {
                padding-left: 190px;
            }
        }
    }

    .mobile-header.H3 {
        padding-top: 8px;
        padding-bottom: 8px;

        .logo {
            margin-bottom: 0;
        }

        .school-info {
            padding-bottom: 0;
            padding-left: 10px;

            .org-name {
                font-size: 16px;
            }

            text-align: left;
        }
    }
}

/* END Sticky Header */