nav {
    background: rgb(69,45,137);
}
.menu-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.menuitem-selected {
	background: rgb(39,15,107);
}
#hamburgermenu {
    display: none;
    cursor: pointer;
}
    #hamburgermenu img {
        max-width: 20px;
		max-height: 20px;
        padding: 1em;
    }
nav ul {
    padding: 0;
    margin: 0;
}
    nav ul li {
        display: inline-block;
        color: #fff;
        cursor: pointer;
        transition: background-color 0.1s ease-in-out;
    }
        nav ul li a {
            color: #fff;
            text-decoration: none;
            display: inline-block;
            padding: 1em;
            margin: 0;
            transition: background-color 0.1s ease-in-out;
			font-size:1.2em;
        }
            nav ul li a:hover {
                background: rgb(33,20,68);
            }
#usermenu {
    position: relative;
}
    #usermenu ul {
    }
        #usermenu ul li {
            float: right;
            clear: both;
        }
#loggedinmenu {
    display: none;
    position: absolute;
    min-width: 113px;
    right: 0;
    z-index: 900;
    background-color: rgb(69,45,137);
    margin-top: 3.95em;
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em;
}
    #loggedinmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
        #loggedinmenu ul li a {
            width: 100%;
            box-sizing: border-box;
            white-space: nowrap;
            transition: background-color 0.1s ease-in-out;
            border-bottom-left-radius: .2em;
            border-bottom-right-radius: .2em;
        }
            #loggedinmenu ul li a:hover {
                background-color: rgb(33,20,68);
            }
#loggedinmenu-text::before {
	content: "";
	display: inline-block;
	margin-right: .5em;
	width: 1em;
	height: 1em;
	background-image: url(images/profile_white.png);
	/*background-image: url(images/usermenu.png);*/
	background-size: 1em 1em;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 790px) {
    .menu-wrapper {
        flex-direction: column;
    }
    #usermenu ul li {
        float: none;
    }
    #loggedinmenu {
        margin-top: 0;
        left: 0;
    }
    #hamburgermenu {
        display: block;
    }
    .mainmenu {
        display: none;
    }
        .mainmenu li {
            border-top: 1px solid rgba(0,0,0,.1);
        }
    #usermenu {
        display: none;
    }
        #usermenu li {
            border-top: 1px solid rgba(0,0,0,.1);
        }
    nav ul li {
        display: block;
    }
        nav ul li a {
            width: 100%;
            box-sizing: border-box;
        }
    #loginbtn {
        float: none;
    }
        #loginbtn ul {
            display: none;
        }
}

#hej:before{
content:"1";
display:block;
height:20px;
width:20px;	
}
