body, html {
    height: 100%;
    font-family: 'Ubuntu', sans-serif !important;
  }
.bg {
    /* The image used */
    background-image: url("https://images.unsplash.com/photo-1591955506264-3f5a6834570a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80");
  
    /* Full height */
    height: 100%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.bg-trans {
  background-color: rgba(212, 212, 212, 0.8) !important;
}

.nav-item, .navbar-brand{
  font-size: 1.4em !important;
}

.nav-link {
  color: rgba(0,0,0,.6) !important;
  margin: 0rem 0.5rem;
 
}

#activenav {
  color: rgba(0,0,0,1) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: underline;
}

.nav-link:hover {
  color: rgba(0,0,0,1) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: underline !important;
}

.dropdown-item {
  font-size: 1em !important;
}

button {
  font-size: 1.4em !important;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}