html {
  font-size: 14px;
}

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

html {
  position: relative;
  min-height: 100%;
  font-family: 'Railway', sans-serif;
}

body {
    background-color: #fafafa;
}

.k-color {
    color: #113560;
}

.field-validation-error {
    color: red !important;
}

/* NAVBAR LOGIN BUTTON */
.nav-item.log-in .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 1.5rem;
    color: #113560;
    background-color: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.nav-item.log-out .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 1.5rem;
    color: white;
    background-color: rgb(17, 53, 96);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 8px 24px;
    font-size: 0.85rem;
}

.nav-item.log-in .nav-link:hover {
    color: rgb(17, 53, 96, 0.7);
}

.nav-item.log-out .nav-link:hover {
    background-color: #1c4b83;
    color: rgb(255, 255, 255, 0.9);
}