.nav-title {
  font-family: "Raleway", sans-serif;
}

.nav-title:hover {
  letter-spacing: 3.4pt;
  transition: 1s letter-spacing;
}

.btn-login:hover {
    color: black!important;
}

#particles-js {
  position: relative;
  width: 100%;
  height: 99vh;
  opacity: 0.9;
  z-index: -1;
}

.navigation {
  background-color: black;
}

.fa-chevron-down:hover {
  position: relative;
  top: 20px;
}

.welcome {
  position: absolute;
  font-family: "Raleway", sans-serif;
  width: 70%;
}

.info {
  background-color: #25292c;
  font-family: "Raleway", sans-serif;
  padding-top: 6em;
  padding-bottom: 6em;
}

.info-item {
  margin: 1em;
}

.cards {
  padding-top: 4em;
  padding-bottom: 4em;
  font-family: "Raleway", sans-serif;
}

.card {
  opacity: 0.85;
}

.bgGradient {
  background: rgb(33, 37, 41);
  background: linear-gradient(
    0deg,
    rgba(33, 37, 41, 1) 0%,
    rgba(25, 135, 84, 1) 50%,
    rgba(33, 37, 41, 1) 100%
  );
}

.backgroundFooter {
  background-color: #25292c;
  font-family: "Raleway", sans-serif;
}

.backgroundFooter a {
  text-decoration: none;
}

.contactDiv{
  background: linear-gradient(rgba(5, 5, 5, 0.4), rgba(3, 3, 3, 0.4)), url("https://images.pexels.com/photos/4065144/pexels-photo-4065144.jpeg");
  background-color: #25292c;
  background-size: cover;
  font-family: "Raleway", sans-serif;
  padding-top: 5em;
  padding-bottom: 5em;
}

.carousel-item{
  min-height: 280px;
  max-height: 500px;
}

.containerCarousel{
  background-color: #25292c;
}

.badge{
    font-size: 1.2em!important;
}
@media (max-width: 600px) {
  .welcome {
    min-width: 90%;
  }
}