.dropdown{
  float: right;
  display: block;
  color: #111;
  text-align: center;
  height:30%;
  width:10%;  
text-decoration: none;
  font-size: 1.25vw;
  background-color:#efe00e;
  margin-left:.75%;
  padding-top:.2%;
  border-bottom:.5vw solid #fff;
  font-family:"BarlowCondensed";
  font-weight:500;
	transition:.15s;
	margin-top:2.5%;
	position:absolute;
	z-index:5;
	pointer-events:none;
}

.dropdown:hover {
  background-color: #553;
  color: white;
	border-bottom: .5vw solid #111;
}
.dropdown.active {   
  background-color: #443;
  color: white;
}



.dropdown-box{
opacity:0;
background-color:#ffffff;
height:320px;
position:sticky;
width:92%;
margin-left:7.25%;
margin-top:25%;
transition:.2s;
transition-delay:1s;
z-index:3;
border-radius:5%;
}


.dropdown-box:hover{
display:block;
opacity:100%;
z-index:3;
box-shadow:black 0 0 15px;
transition:.1s;
}

.dropdown-container{
width:11%;
height:70px;
float:right;
overflow:hidden;
transition:1s;
}
.dropdown-container:hover{
transition:.75s;
height:400px;
}


.dropdown-adjust{
position:relative;
top:10%;
}
.dropdown-button{
width:88%;
margin-left:6%;
margin-bottom:5%;
color:black;
font-size:1.2vw;
text-align:center;
background-color:#efe00e;
border-bottom:#000 5px solid;
height:28px;
padding-top:3%;
text-decoration:none;
display:block;
font-weight:500;
font-family:'BarlowCondensed';  
border-radius:5%;
box-shadow:black 0px 3px 5px -3px;
}
.dropdown-button:hover{
background-color:#553;
border-bottom:#fff 5px solid;
transition:.25s;
color:white;
}
.dropdown-button-container{
width:100%;
padding-top:29%;

}
.dropdown-button.active {   
  background-color: #111;
  color: white;
}

.seti{
background-color:#efe00e;
color:#111;
}

.brbo{
background-color:#321B00 ;
color:white;
}

.rofi{
background-color:#DD1014 ;
color:white;
}

.tepa{
background-color:#451c1d ;
color:white;
}

.elra{
background-color:#B0D812 ;
color:#111;
}

.galw{
background-color:#f2af0d ;
color:#111;
}


.nena{
background-color:#D926A5 ;
color:white;
}