div.header-bg{
	width: 100%;
	margin: 0;
}
div.header-content{
	width: 95%;
	max-width: 1024px;
	padding: 1%;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
    height:100px;
	position:relative;
}
.header-logo{
	display: inline-block;
	text-decoration: none;
	float: left;
	margin-top: 10px;
}
.header-logo h1{
    font-size:32px;
    margin:0;
}
.header-logo p{
    margin:.85em 0;
    font-style:italic;
    font-size:.9em;
}
.menu-buttons{
    margin-top:23px;
    float:right;
    z-index:1000;
    position:inherit;
}
.menu-buttons a, .menu-buttons button{
    display:inline-block;
    background:#1c1a1a;
    padding:12px;
    color:inherit;
    border:none;
    outline:none;
    font-size:inherit;
    font-family:inherit;
}
.menu-buttons a:hover, .menu-buttons button:hover{
    background:#424242;
}
.dropdown{
    display:inline-block;
}
.dropdown .dropbtn {
    cursor: pointer;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
    display:block;
}
.show {
  display: block;
}
.menu-buttons .active{
    background:#424242;
}
.dropdown-toggler{
    display:none;
    border:1px solid #fff;
    padding:10px;
    position:absolute;
    
}

@media only screen and (max-width: 850px){
    .header-logo{
        float:none;
    }
    .menu-buttons{
        float:none;
        max-height:0;
        overflow:hidden;
        transition:max-height 0.4s linear;
    }
    .menu-buttons a, .menu-buttons button, .dropdown{
        display:block;
        width:100%;
        text-align:left;
    }
    .dropdown-toggler{
        display:inline-block;
        position:absolute;
        right:5px;
        top:35px;
    }
    .dropdown-content{
        position:inherit;
    }
    .dropdown-content a{
        padding-left:30px;
    }
}
@media only screen and (max-width: 400px){
    .header-logo p{
        display:none;
    }
    .dropdown-toggler{
        top:12px;
    }
}
@media only screen and (max-width: 345px){
    .header-logo{
        width:245px;
    }
    .dropdown-toggler{
        top:35px;
    }
}