.navbar{ 
position: absolute;
top: 0px;
left: 0px;
align-items: center; 
justify-content: space-between;
display: flex; 
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
height: 100px;
z-index: 1;
padding: 10px 20px;
}

.menu{ 
position: relative;
align-items: center;
justify-content: space-evenly;
display: flex; 
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
height: fit-content;
z-index: 1;
padding: 10px 20px;
}

.menu a{
color: darkslategrey;
font-size: 25px;
font-family: 'Roboto';
font-weight: 100;
text-decoration: none;
margin: 15px;
transition: all ease .1s;
border-bottom: 0px solid darkslategrey;
}


.menu a:hover{
transform: scale(1.1);
color: #74B84F;
border-bottom: .5px solid darkslategrey;;
}

button.navbar-dropdown{
position: relative;
background: none;
border: none;
width: 50px;
height: 50px;
z-index: 2;
outline: none;
}

button.navbar-dropdown svg{
width: auto;
height: 40px;
fill: darkslategrey;
}

.redefine_logo{
height: 5vw;
width: auto;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%);
z-index: 2;
}

div.customer_icons{
height: 40px;
width: fit-content;
display: flex;
flex-direction: row;
margin: 10px 10px;
column-gap: 10px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

@media only screen and (min-width: 1px){
	.redefine_logo{
        height: 60px;
        width: auto;
    }
}

@media only screen and (min-width: 768px){
	.redefine_logo{
        height: 6vw;
        width: auto;
    }
}