body {
    background-image: url('../assets/baggrundsbilledemirakel.png');
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Special Elite', cursive;
}

.kalender {
    background-image: url('../assets/kalenderbaggrund.png') !important;
}

.workshop {
    background-image: url('../assets/workshopbaggrund.png') !important;
}

.bogbestilling {
    background-image: url('../assets/baggrundbogbestilling.png') !important;
}

@media (max-width: 700px) {
    body {
        background-image: url('../assets/mobil/forsidemobil.png');
    }

    .kalender {
        background-image: url('../assets/mobil/kalendermobil.png') !important;
    }

    .workshop {
        background-image: url('../assets/mobil/læseklubberogworkshopmobil.png') !important;
    }

    .bogbestilling {
        background-image: url('../assets/mobil/bogbestillingmobil.png') !important;
    }
}


.navbar-nav .active {
    display: inline-block;
    padding-bottom: 2.2rem;
    position: relative;
}

.navbar-nav .active:hover {
    opacity: 1;
}

.navbar-nav .active:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    bottom: 0;
    left: 35%;
    border-bottom: 1rem solid #333;
    border-radius: 25% 10%;
}

.navbar-toggle .icon-bar {
    width: 200px !important;

}

.link-underline-opacity-0:hover {
    opacity: 0.7;
}

.nav-link:hover {
    opacity: 0.7;
}

@media (max-width: 992px) {
    .navbar-nav .active {
        display: block;
        padding-bottom: 1rem;
    }

    .navbar-nav .active:before {
        width: 40%;
        left: 30%;
    }
}