html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
}


@font-face {
    font-family: myFirstFont;
    src: url("../Font/Pacifico-Regular.ttf");
}



.my-nav {
    .nav-link

{
    font-family: myFirstFont;
    font-size: 32px;
    /*color: mintcream;*/
    color: #e4d7b0;
}

padding-top: 60px;
padding-bottom: 60px;
}

.card {
    /*font-family: myFirstFont;*/
    font-size: 32px;
    color: white;
    .nav-link

{
    font-size: 32px;
    color: white;
}

}

.parallax {
    position: relative;
    z-index: 0;
    min-height: 600px;
    width: 100% !important;
    
}


.parallax > .parallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

}


@media (min-width: 769px) {
    .background-location {
        background-image: url("../images/bg_location.jpg");

    }

    .background-story {
        background-image: url("../images/bg_story.jpg");
        /*background-color: #C88C50;
    background-color: #FF9840;
    background-blend-mode: multiply;*/
        background-size: 10% 10%;
    }


    .background-stream {
        background-image: url("../images//MKE_0042.jpg");
    }


    .background-rsvp {
        background-image: url("../images//MKE_0028.jpg");
        /* background-color: rgba(200,100,0,.5);
    background-blend-mode: multiply;*/
    }

    .background-gallery {
        background-image: url("../images/bg_story.jpg");
       /* background-image: url("../images/bg_gallery.jpg");*/
        /* background-color: rgba(200,100,0,.5);
    background-blend-mode: multiply;*/
    }
}

    
@media (max-width: 768px) {

        .background-location {
            background-image: url("../images/mobile/bg_location.jpg");
        }

        .background-story {
            background-image: url("../images/mobile/bg_story.jpg");
            /*background-color: #C88C50;
    background-color: #FF9840;
    background-blend-mode: multiply;*/
        }


        .background-stream {
            background-image: url("../images/mobile/MKE_0042.jpg");
        }


        .background-rsvp {
            background-image: url("../images/mobile/MKE_0028.jpg");
            /* background-color: rgba(200,100,0,.5);
    background-blend-mode: multiply;*/
        }

    .background-gallery {
        background-image: url("../images/mobile/bg_story.jpg");

    }
    }




    @media (min-width: 992px) {

        .container, .container-lg, .container-md, .container-sm {
            max-width: 100% !important;
            padding-left: 0px;
            padding-right: 0px;
        }
    }


    .rsvp-container {
        overflow: hidden;
    }

    .google-maps {
        position: relative;
        overflow: hidden;
        iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

}

.card-subtitle {
    margin-bottom: 10px;
}


.responsive-iframe {
    width: 100%;
    height: 1900px;
    overflow: hidden;
}


@media (max-width: 600px) {
    .responsive-iframe {
        height: 2100px;
    }
}

@media (max-width: 424px) {
    .responsive-iframe {
        height: 2200px;
    }
}


.thumbnails {
    display: flex;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;

}

.thumbnail {
    width: 70px;
    height: 70px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
    opacity: 0.3;
}

.thumbnail.is-active {
    opacity: 1;
}

.thumbnail img {
    width: 100%;
    height: 100%;
}


.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.form-group {
    /*color: #e4d7b0;*/
    color: black;
   
}


/*
.form-control {
    background-color: rgba(0, 0, 0, 0.5);
}
    */

.field-validation-error {
    color: red;
}