Hi there,
You currently have this CSS:
@media (min-width: 769px) {
.main-navigation .main-nav ul li.nav-button a, .main-navigation .main-nav ul li.nav-button a:hover, .main-navigation .main-nav ul li.nav-button a:focus {
border: 2px solid #ffffff;
color: #ffffff;
margin: 10px 5px 10px 5px;
line-height: 35px;
}
}
Try replacing it with this:
@media (min-width: 769px) {
.main-navigation .main-nav ul li.nav-button a {
border: 2px solid #ffffff;
color: #ffffff;
margin: 10px 5px 10px 5px;
line-height: 35px;
background: #1e6fb7;
}
.main-navigation .main-nav ul li.nav-button:hover a,
.main-navigation .main-nav ul li.nav-button:focus a {
background: #66A1D5;
}
}