/*everywhere*/
.clearfix{clear:both;}

/*Header*/
.logo-container{
    background:#231F20;
    font-family: "Roboto-Regular";
    font-weight: 400;
}
.logo-container ul, .logo-container li{
    margin:0;
    padding:0;
}
.logo-container a{
    text-decoration:none;
}

.header-wrapper{
    max-height: 90px;
    margin: 0 100px;
    display:flex;
}

/*Logo*/
.logo-wrapper{
    padding:0.7em 0;
    width: 300px;
}

.logo-wrapper img{
    max-height:100%;
    max-width: 100%;
}

/*Nav Wrapper*/
.nav-wrapper{
    flex: 1;
    flex-direction: row;
    padding-left:50px;
}

.nav-wrapper ul li{
    display:inline-block;
}

.upper-nav{
    border-bottom:1px solid #939393;
    margin:1px 0 0;
}

.upper-nav a{
    color:#939393;
    padding: 0.7em;
    font-size:15px;
}

.upper-nav a:hover{
    color:#fff;
}

.upper-contacts{
    float: left;
}
.upper-blogs{
    float: right;
}

.upper-blogs a{
    text-transform:uppercase;
}

/*lower nav*/
#mobile-menu{
	display:none;
	text-align:center;
	height:42px;
	margin-top:20px;
	vertical-align:middle;
	background:#231F20;
	color:#fff;
	font-size:35px;
}

#lower-nav{
    margin: 9px 0 0;
}

#lower-nav li{
    padding: 22px 0;
    line-height:18px;
}

#lower-nav a{
    color:#fff;
    font-family:'Roboto-Medium';
    font-size:14px;
    font-weight:400;
    line-height:18px;
    text-transform:uppercase;
	padding:22px 33px;
}

#lower-nav li:hover{
    background:#F8F8F8;	
}

#lower-nav li:hover a{
    color: #0F643A;
}

@media (max-width: 1220px) {
    .header-wrapper{
        flex-direction:column;
        max-width:960px;
        margin:0 auto;
        max-height:initial;
        padding:0 50px;
    }
    .nav-wrapper{
        padding-left:initial;
    }    
    .logo-wrapper{
        text-align:center;
        width:100%;
    }
}

@media (max-width: 765px) {
	#mobile-menu{display:block;}
	#lower-nav{display:none;}
	#lower-nav ul{
		position:absolute;
		z-index:10;
		background:#231F20;
	}
	#lower-nav li{
		display:block;
	}
}

@media (max-width: 710px) {
    .upper-nav{
        display:none;
    }
    .header-wrapper{padding:initial;}
}