.video-header {
    width: 1100px;
}

.carousel-item {
    height: 900px;
}

.qwitcher-grypen-regular {
    font-family: "Qwitcher Grypen", cursive;
    font-size: 68px;
    font-weight: 800;
    font-style: normal;
}

.qwitcher-grypen-bold {
    font-family: "Qwitcher Grypen", cursive;
    font-weight: 700;
    font-style: normal;
}
.carousel-item {
    height: 600px;
}

hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: green;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: green;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.map {
    height: 600px;
}

@media screen and (max-width: 768px) {
    .img-header {
        height: 30vh;
    }

    .carousel-item {
        height: 300px;
    }

    .map {
        height: 300px;
    }
}