/* Reset some default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* Navbar styling */
nav {
  background-color: #fff;
}

.navbar {
margin-right: 3em;
  display: flex;
  justify-content: right;
  list-style-type: none;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: block;
 padding: 17px 18px 16px 18px;
   /* padding: 15px 20px; */
  color: #666666;
    text-decoration: none;
font-weight: bold;
}

.navbar li a:hover{
 color: #ed5441 !important;
 }

/* Dropdown styling */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
   min-width: 200px;
  z-index: 99;
 }

.dropdown:hover .dropdown-content {
  display: block;
    list-style-type: none;
	
}

.dropdown-content li {
  padding: none;
  line-height: 22px;
}

.dropdown-content li a {
  color: #3280e7;
  padding: 10px;

}

.dropdown-content li a:hover {
  background-color: #fff;
  color: #ed5441 !important;
}

/* Responsive styling */
@media screen and (max-width: 768px) {
  .navbar {
    flex-direction: column;
    align-items: center;
  }

  .navbar li {
    width: 100%;
    text-align: center;
  }

  .dropdown-content {
    position: static;
    width: 100%;
    display: none;
  }

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