.navbar-top {
            width:100%;
            background-color: #333; 
            overflow: hidden; 
        }

        .navbar-top .logo {
            float:left;
            font-size:24px;
            padding-top:5px;
            padding-left:10px;
        }

        
        .navbar-top .search {
            float: right;
            display: block;
            padding-top: 5px;
            padding-left: 10px;
            border-radius: 10px;
            border: 0px;
            margin-top: 5px;
            margin-right: 10px;
            width: 300px;
            height: 20px;
            margin-bottom: 5px;
        }


        .navbar-top a {
            float: right; 
            display: block; 
            color: white; 
            text-align: center; 
            padding: 14px 16px; 
            text-decoration: none; 
        }

        /* Change the color of links on hover */
        .navbar-top a:hover {
            background-color: #ddd;
            color: black;
        }

        .menu-wrapper{
            min-width: 250px;
            max-width: 300px;
            border:0px solid white;
        }

        #side-menu {
            height: 100%;
            float:left;
            max-width: 250px;
            padding-top:50px;
        }

        .side-menu-header{
            padding-top: 50px;
            padding-left:50px;
            font-family: 'Josefin Sans', sans-serif;
            font-size:14px;
            font-weight: bold;
            padding-bottom:10px;
        }

        .side-menu-item{
            padding-left:65px;
            padding-bottom: 5px;
            padding-top: 10px;
            font-family: 'Josefin Sans', sans-serif;
            font-size:12px;
            
        }

        .side-menu-link{
            text-decoration: none;            
            padding-left:5px;
        }

        .menu-icon {
            display:none;
        }