@media screen and (width < 992px) {
    body {
        padding-top: 72px;
    }
}

@media screen and (width >= 992px) {
    body {
        padding-top: 195px;
    }

    .navbar .container-fluid {
        flex-direction: column;
    }
}

.btn-hover-light {
  --bs-btn-hover-color: var(--bs-white);
}

.navbar-toggler {
    box-shadow: 0 0 0 2px;
    color: white;
}

.copyright {
    font-size: 0.9rem;
}

h1 {
    text-transform: uppercase;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
}

h2 {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
}

.welcome-image {
    background-image: url("/img/kompas.webp");
    background-repeat: no-repeat;
    background-size: cover;
}


@media (max-width: 1200px) {
    .welcome-image {
        background-image: url("/img/1v6O7WALE1-1200.webp");
    }
}

@media (max-width: 800px) {
    .welcome-image {
        background-image: url("/img/1v6O7WALE1-800.webp");
    }
}

@media (max-width: 400px) {
    .welcome-image {
        background-image: url("/img/1v6O7WALE1-400.webp");
    }
}