.navbutton {
background-color: white;
color: #363636;
cursor: pointer;
justify-content: center;
padding-bottom: calc(0.375em - 1px);
padding-left: 0.75em;
padding-right: 0.75em;
padding-top: calc(0.375em - 1px);
text-align: center;
white-space: nowrap;
position: relative;
vertical-align: top;
line-height: 1.5;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
align-items: center;
border: 1px solid #dbdbdb;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: -105px;
  width: 300px;
  padding-top: 10px;
  position: absolute;
  top: 100%;
  z-index: 99999;
  height: 600px;
}



.dropdown-content {
}

.dropdown-content ul {
list-style: none;
background-color: #FFF;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding: 20px 20px 20px 20px;
margin-top: -8px;
}

.dropdown-content ul li {
	margin: 10px 0px;
}


.dropdown-content ul li a {
font-size: 20px;
color: #555;
text-decoration: none;
}

.dropdown-content ul li ul {
display: none;
background-color: #FFF;
border-radius: 0px;
box-shadow: none;
padding: 20px 0px 0px 0px;
}

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

.dropdown-content ul li ul li {
padding: 20px 0px;
margin: 0px;
}

.dropdown-content ul li ul li a{
font-size: 16px;
color: #555;
text-decoration: none;
}