body {
  min-height: 75rem;
}

#primary-nav {
  background-color: #212529;
}

.navbar-nav > li > .dropdown-menu { background-color: #212529; }

.nav-item.dropdown .dropdown-item {
   background-color: #212529 !important;
   color: rgba(255,255,255,.55) !important;
}

.nav-item.dropdown .dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}
.nav-item.dropdown .dropdown-item:active {
    background-color: rgb(255, 200, 0) !important;
}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }