html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

nav {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.navbar {
    align-items: start;
    background-color: rgba(255,255,255,0.95);
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: red;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0 0.5em;
    }

    .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
        background-color: rgba(255,255,255,0.95);
        border-right: 1px solid #888888;
    }
}