/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .imageCard{
        width: 40vw !important;
    }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .imageCard{
        width: 30vw !important;
    }
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .imageCard{
        width: 25vw !important;
    }
    #weer a{
        max-width: 314px !important;
    }
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #welcomeText {
        width: 75% !important;
    }
    .imageCard{
        width: 25vw !important;
        max-width: 350px;
    }
    .imageCards{
        width: 90% !important;
    }
}

nav #home {
    text-decoration: underline;
    text-underline-position: under;
}

#carousel {
    max-height: 84vh;
}

#carousel img {
    max-height: 84vh;
    object-fit: cover;
}

#carousel .carousel-item:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(28, 37, 29, 0.48), rgba(28, 37, 29, 0.04) 58%);
    pointer-events: none;
}

.homepage-carousel-caption {
    z-index: 2;
    right: 1rem;
    bottom: clamp(3.5rem, 9vw, 7rem);
    left: 1rem;
}

.homepage-carousel-caption h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(3.6rem, 6.2vw, 7.75rem);
    font-style: italic;
    font-weight: 400;
    line-height: 0.96;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.26);
}

@media (max-width: 580px) {
    #carousel,
    #carousel img {
        height: clamp(280px, 82vw, 430px);
        min-height: 0;
        max-height: 430px;
    }

    .homepage-carousel-caption h1 {
        font-size: clamp(2.65rem, 11vw, 4rem);
    }
}

.section {
    margin: 40px auto 70px auto;
}

.display-1 {
    font-size: calc(100% + 2vw + 2vh);
    margin: auto;
    width: 95%;
}

#welcomeText {
    font-size: calc(100% + 0.5vw + 0.5vh);
    margin: 50px auto 80px auto;
    width: 95%;

}

.imageCards {
    width: 100%;
}

.imageCard{
    width: 60vw;
    display: block;
    margin: auto;
    text-align: center;
    background-color: #fefff1;
    color: #414141;
    box-shadow: 0px 0px 3px 1px rgba(32, 32, 32, 0.50);
    border-radius: 5px;
    overflow: hidden;
    transition: transform .5s ease;
    font-size: calc(87% + 0.5vw + 0.5vh);
}

.imageCard a{
    color: #6b6b6b;
}

.imageCard a:hover{
    text-decoration: none;
}


.imageCard:hover{
    transform: scale(1.05);
}

.imageCard img{
    object-fit: cover;
}

#fixedImage {
    background-image: url("../media/fixedBackground.jpg");
    filter: grayscale(50%);
    /* Set a specific height */
    height: 60vh;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: 76%;
    background-repeat: no-repeat;
    background-size: cover;
}

#video {
    margin-top: 90px;
    margin-bottom: 90px;
}

video{
    /*width:600px;*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    overflow:hidden;
    box-shadow: 0px 0px 3px 1px rgba(32, 32, 32, 0.50);
    border-radius: 5px;
}

#weer a {
    pointer-events: none;
    cursor: default;
    margin: auto;
    width: 100%;
    max-width: 699px;
}

#maps iframe {
    border-radius: 10px; 
}