/* HEADER  */
    #indexpage{
      display:none;
    }
    #myTopnav{
        position:relative;
        top:-9px;
        margin-bottom: 10px;
    }
    #menubars{
        top:0px;
        right:1px;
        position: relative;
        display: block;
        width:25px;
        height:17px;
        background-size: 100% 100%;
        background-image: url("../img/hamburger.png");
        background-repeat: no-repeat, repeat;
    }
    .topnav {
        top:-9px;
        left:-8px;
        position: absolute;
        width:100vw;
        min-height:40px;
        overflow: hidden;
        background-color: #333;
    }

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

    .topnav a:hover {
        /* background-color: #ddd; */
        color: orange;
    }

    .topnav a.active {
        background-color: #00a0d2;
        color: white;
    }
    .topnav a.active:hover {
        /* background-color: #ddd; */
        color: orange;
    }

    .topnav .icon {
        display: none;
    }

    @media screen and (max-width: 600px) {
        .topnav a:not(:first-child) {display: none;}
        .topnav a.icon {
            float: right;
            display: block;
        }

    }

    @media screen and (max-width: 600px) {
        .topnav.responsive {position: relative;}
        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }
        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
    }
    @media screen   and (min-device-width: 1200px) {
                #logout{
                    position: relative;
                    float:right;
                }
    }