.flex-div{
    display:flex;
    align-items: center;
}

nav{
  width: 100%;
  height: 95px;
    justify-content: space-between;
    align-content: center;
    background-color: rgba(0,0,0,0.6);
}

.nav-left .logo{
    width:80px;
    padding:10px;
}

nav ul{
float:right;

}

nav ul li{
float:left;
position:relative;
  list-style: none;
  width:auto;
}

nav ul li a{
  text-decoration: none;
  display:block;
  font-size: 20px;
  color: #fff;
  padding: 4px 20px;
  transition:all 0.25s ease;
}

nav ul li a:hover{
    color:#e63946;
    background-color:#deb6a9;
} 

.dropdown-menu {
  display: none;
  position: absolute;
  border-radius:0px 0px 5px 5px;
  opacity:0;
  background-color: rgba(0,0,0,0.6);
  visibility:hidden;
  z-index:1;
}

li:hover .dropdown-menu{
opacity:1;
visibility:visible;}

nav ul li:hover .dropdown-menu{
display:block;
}

.dropdown-menu li{
float:none;
justify-content:space-between;
  text-align: center;
    border-radius:5px;
    width:150px;
    padding:5px;
}

.dropdown-menu li a{
    padding:10px 35px;
  }

.dropdown-menu li a:hover {
    background:#deb6a9;
    transition:all .3s ease;
}

@media(max-width:991px)
{
	body{
	flex-direction:column;
	}
}
@media(max-width:768px){
	body{
	flex-direction:column;
	}
	.header{
	flex-direction:column;
	max-width:350px;
	}
	.header .flex-div{
	max-width:100%;
	}
}