.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

.header {
  background: url(../images/iweek26.jpg) top right no-repeat;
  background-size: cover;
  background-color: #150836;
}

.text-container,
.image-container {
  background-color: rgba(21, 8, 54, 0.6);
}

@media screen and (max-width: 768px) {
  .image-container {
    background-color: transparent;
  }
}

@media screen and (max-width: 586px) {
  .image-container {
    background-color: rgba(21, 8, 54, 0.6);
  }
}


.custom-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1020;

  /* fixed tarvitsee leveys */

}

@media (min-width: 992px) {

  /* esim. lg breakpoint */
  .custom-sticky {
    position: sticky;
    top: 0;
    z-index: 1020;
    /* sama kuin sticky-top */
  }
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
  border: none;
}

.event a {
  color: #0cc;
  font-weight: bold;
}

.card {
  height: 500px;
  overflow: auto;
  scrollbar-width: none;
}

.nav-link {
  text-align: end;
}

.accordion-button {
  font-weight: bold;
  background: #88eeee !important;

}

.accordion-body h4,
.accordion-body p {
  margin-bottom: 5px;
}

.section_heading {
  background: #0cc;
  padding: 1.5rem;
  color: white;
  border-radius: 5px;
}

footer {
  background-color: #333;
}

footer .host img {
  max-width: 70%;
  margin-top: 10px;
}