.navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        min-height: 3.25rem;
        background-color: #FFFFFF;
        text-align: center;
        color: #0095D4;
        z-index: 30;
    }

    .navbar-brand {
        display: flex;
        align-items: stretch;
        flex-shrink: 0;
        min-height: 3.25rem;
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0;
    }
    
    .navbar-start {
        justify-content: flex-start;
        margin-right: auto;
    }
    .navbar-item {
        position: relative;
        display: block;
        text-align: center;
        flex-grow: 0;
        flex-shrink: 0;
        line-height: 1.5;
        padding: 0.1rem 0.75rem;
        text-decoration: none;
        color: #0095D4;
        cursor: pointer;
    }

    .navbar-item img {
        max-height: 6rem;
    }

    a.navbar-item:hover {
        background-color: #0095D4;
        text-decoration: underline;
        color: #ffffff;
    }

/*  ===
    30.9.12   NAVBAR-BURGER  ====================================== */
    .navbar-burger {
        position: relative;
        display: block;
        width: 3.25rem;
        height: 3.25rem;
        margin: 0;
        margin-left: auto;
        padding: 0;
        background: #0095D4;
        font-family: inherit;
        font-size: 1em;
        text-align: center;
        color: #FFFFFF;
        border: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    .navbar-burger span {
        position: absolute;
        display: block;
        left: calc(50% - 8px);
        width: 20px;
        height: 1px;
        background-color: #FFFFFF;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: transform;
        transition-timing-function: ease-out;   
    }

    .navbar-burger span:nth-child(1) {
        top: calc(50% - 6px);
    }  

    .navbar-burger span:nth-child(2) {
        top: calc(50% - 1px);
    }

    .navbar-burger span:nth-child(3) {
        top: calc(50% + 4px);
    }

    .navbar-burger:hover {
        background-color: #FFFFFF;
    }

    .navbar-burger:hover span {
        background-color: #0095D4;
    }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0;
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

    .navbar-menu {
        display: none;
        text-align: center;
    }

/*  ===
    30.9.14   NAVBAR SIZES  ====================================== */
    @media screen and (max-width: 1023px) {
        .navbar {
            display: block;
        }
    
        .navbar-brand .navbar-item {
            align-items: center;
            display: flex;
        }
    
        .navbar-menu {
            background-color: #FFFFFF;
            padding: .5rem 0;
        }
    
        .navbar-menu.is-active {
            display: block;
        }
  
        .navbar.is-fixed-top-touch {
            left: 0;
            position: fixed;
            right: 0;
            z-index: 30;
            top: 0;
        }
    }

    @media screen and (min-width: 1024px) {
        .navbar,
        .navbar-menu,
        .navbar-start,
        .navbar-end {
            align-items: stretch;
            display: flex;
        }
        
        .navbar {
            min-height: 3.25rem;
        }
        
        .navbar-burger {
            display: none;
        }
        
        .navbar-item,
        .navbar-link {
            align-items: center;
            display: flex;
        }
  
        .navbar-menu {
            flex-grow: 1;
            flex-shrink: 0;
        }
        
        .navbar-start {
            justify-content: flex-start;
            margin-right: auto;
        }
        
        .navbar.is-fixed-top-desktop {
            left: 0;
            position: fixed;
            right: 0;
            z-index: 30;
            top: 0;
        }
    }