/* // 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;
}

.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; 
}