.navbar-brand img {
    height: 24px;
    margin: 0 18px 0 0;
}

@media (min-width: 375px) {
    .navbar-brand img {
        height: 36px;
    }
}

@media (min-width: 576px) {
    .navbar-brand img {
        height: 48px;
    }
}

@media (min-width: 768px) {
    .navbar-brand img {
        height: 64px;
    }
}

@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
    .navbar .nav-item {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
}

.navbar .nav-item .nav-link {
    border-bottom: 2px solid transparent;
}

.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link.active {
    border-bottom: 2px solid #C53535;
}

#top {
    /*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#big-title {
    margin: 0 0 -5px -12px;
    padding: 100px 400px 0 0;
    font-size: clamp(120px, 20vw, 400px);
    line-height: 0.75em;
    letter-spacing: -1vw;
    color: white;
    mix-blend-mode: normal;
    background: black;
    opacity: 0.33;
}

.animate-grow-effect {
    transition: transform 0.3s ease;
    transform-origin: left center;
}

.animate-grow-effect:hover {
    transform: scale(1.1);
}

.partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style: none;
    padding-left: 0;
}

.partners > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 150px;
    object-fit: contain;
    object-position: center center;
    /*filter: grayscale(100%);*/
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    margin: 13px;
}

.partners > li:hover {
    box-shadow: var(--bs-box-shadow);
    /*border: border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);*/
}

.partners > li img {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 66px;
    box-sizing: border-box;
    object-fit: contain;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.partners > li {
    animation: slideInUp 0.8s ease-out;
}

.text-shadow {
    text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}

#map {
    background-image: url(/assets/static/images/map.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#map > img {
    opacity: 0.5;
    transition: all 1s ease;
}

#map:hover > img:hover {
    opacity: 1;
}