.dont-mark {
  -ms-user-select: None;
  -moz-user-select: None;
  -webkit-user-select: None;
  user-select: None;
}

main {
  width: 100%;
}

#bg {
  background-image: url("/images/IMG_6200.png");
  -webkit-filter: blur(8px);
  filter: blur(10px);
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#content {
  position: absolute;
  top: 0%;
  width: 100%;
}

.navbar {
  background-color: #383e42;
  opacity: 0.85;
}
#logo {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
}
.navbar-expand-md .navbar-nav .nav-link {
  padding-right: initial;
  width: 200px;
}
.sidenav-links {
  background-color: #383e42;
  border-radius: 4px;
  color: #e9e3e3 !important;
  font-weight: bolder;
}
.sidenav-links:hover {
  background-color: #fff;
  border-radius: 4px;
  color: #009374 !important;
}
.active-nav {
  background-color: #009374;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 0 3px 3px rgb(0, 112, 88, 0.3);
}
.active-nav:hover {
  background-color: #c2c2c2;
  border-radius: 4px;
  color: #007058 !important;
}
#sidebar-filler {
  flex: 1;
}
.dropdown-links {
  font-weight: 400;
}
.intro {
  min-height: 200px;
}
section {
  color: white;
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.5); /* Black w/opacity/see-through */
}
section:first-child {
  background-color: #383e42;
  opacity: 0.85;
  color: #fff;
  box-shadow: 3px 3px 2px 1px rgba(123, 123, 123, 0.2);
}

section:last-child {
  background-color: #383e42;
  opacity: 0.85;
  color: #fff;
  box-shadow: -3px -3px 2px 1px rgba(123, 123, 123, 0.2);
}

.glass-card {
  background-color: rgb(256, 256, 256, 0.3);
  min-height: 250px;
}

.btn-primary {
  background-color: rgb(0, 112, 88, 0.7);
  border-color: rgb(0, 112, 88);
}

.btn-primary:hover {
  background-color: rgb(256, 256, 256, 0.7);
  border-color: rgb(256, 256, 256);
  color: #007058;
}

#filler {
  min-height: 50px;
  flex: 1;
}
#footer a {
  text-decoration: none;
  color: grey;
}
.text-justify {
  text-align: justify;
}
@media (max-width: 767px) {
  section {
    border: none;
  }
  .intro {
    min-height: 325px;
  }
}
@media (min-width: 768px) {
  .intro {
    min-height: 275px;
  }
}
@media (min-width: 1024px) {
  .intro {
    min-height: 225px;
  }
}
@media (min-width: 1560px) {
  section {
    border: none;
  }
  .intro {
    min-height: none;
  }
}