#head {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	margin-left: 1em;
}

.logo h1 {
	position: relative;
	top: .3em;
	line-height: 1;
	z-index: 99999;
}

	nav ul {
		margin: 0;
		padding: .3em 0 ;
	}
    nav ul li {
        font-size: 14px;
        float: left;
        list-style: none;
        margin: 0;
    }
    nav ul li a {
	    color: #0f0f0f;
	    padding: 3em 1em;
	    margin: 0;
	    line-height: 1;
        text-decoration: none;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

nav ul li a.btfree {
	background: #71b116;
	color: #fff;
}
nav ul li a.btcon {
	background: #1f8817;
	color: #fff;
}

nav ul li a:hover.btfree {
	background: #454545;
	color: #fff;
}
nav ul li a:hover.btcon {
	background: #454545;
	color: #fff;
}
    nav ul li a:hover {
        text-decoration: none;
        background: #454545;
        color: #fff;
    }
    nav li ul {
 display: none;
    }
    nav li:hover ul {
        display: block;
        position: absolute;
        z-index: 500;
        margin: 33px 0 0 0;
		padding: 0;
        border: 0;
    }
    

    nav li li,
    nav li li:first-child {
        padding: 0;
        margin: 0;
        float: none;
        display: block;
        border: 0;
        list-style: none;
    }
    nav li li a {
	    margin: 0;
        padding: 1em 1em;
        background: #454545;
        color: #ffffff;
        display: block;
        height: auto;
    }
    nav li li a:hover {
        background: #71b116;
        color: #fff;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    nav li:hover ul li a:last-child {
        border: 0;
    }