#header {
  position: sticky;
  top: 0;
  background-color: white;
  opacity: 100;
  z-index: 40;
}

.navbar {
  min-height: 5rem;
}
.navbar img {
  max-height: 4rem;
}

.lang {
  position: absolute;
  right: 0;
  top: 23px;
}
.lang-nl {
  margin-right: .5em;
}
.lang-en {
  margin-left: .5em;
}
#welcome-section {
  background-color: #f7f7f7 !important;
  padding: 50px 0;
  margin-bottom: 50px;
}


#card-product-description {
  color: orange;
}

.ha-logo {
  background-color: #41BDF5;
}

.is-white-text-title {
  color: white !important;
  text-transform: uppercase;
}

.card a:hover, .e-mail:hover, .lang-en:hover, .lang-nl:hover{
  background-color: #3f9bd1;
  color: #fff;
}

.is-256x256 {
  width: 256px !important;
  height: 256px !important;
}

.footer-main {
  background-color: white !important;
  padding: 0 !important;
}

.footer-secondary {
  padding: 20px;
  margin-top: 20px;
}

.footer-secondary a {
color: rgb(139, 143, 155);
}
.footer-secondary a:hover {
  color: #3f9bd1;
  }
.is-black-social {
  color: black !important;
}
.is-black-social:hover {
  background-color: white !important;
  color: #3f9bd1 !important;
}

/* .e-mail:before {
  content: attr(data-website) "\0040" attr(data-user);
  unicode-bidi: bidi-override;
  direction: rtl; */

@media screen and (max-width: 820px) {
  .item-1, .footer, .features {
    padding-left:.5em;
    padding-right:.5em;
  }
  #carousel-section {
    padding-top: 2px;
  }
  #welcome-section {
    padding-top: 15px;
    margin-bottom: 40px;
  }
  .navbar .title {
    max-width: fit-content;
  }
  .lang-nl {
    margin-right: .2em;
  }
  .lang-en {
    margin-left: .25em;
    margin-right: .1em;
  }
  .navbar-item {
    flex-shrink: 1 !important;
  }
}