/*,
#formModal .modal-open .modal*/
.modal-made-in-canada .modal-open .modal,
.modal-open .modal {
    opacity: 1 !important;
}
/*,
#formModal .modal-dialog*/
.modal-made-in-canada .modal-dialog {
    margin-top: 8px;
    margin-bottom: 24px;
    max-height: 90vh;
    max-width: 780px;
    top: calc(30vh);
}

.modal.show {
    background: #00000099;
}

/* carousel */
.hero-slider {
    bottom: 40px;
}
.gallery-container {
    width: 1070px;
    height: 550px;
}
.gallery-nav {
    margin-top: 80px;
}

@media (max-width: 1199px) {
    .hero, .masthead {
        min-height: 1550px;
    }
}

@media (max-width: 768px) {
    .hero, .masthead {
        min-height: 1400px;
    }

    /*,
    #formModal .modal-dialog*/
    .modal-made-in-canada .modal-dialog {
        max-width: 96vw;
    }
}

@media (max-width:680px) {
    .hero, .masthead {
        min-height: 1200px;
    }

    .hero-slider {
        padding-bottom: 16px;
    }
    .gallery-container {
        height: 470px;
        width: 1000px;
    }
    .gallery-nav {
        margin-top: 24px;
    }
}
@media (max-width:480px) {
    .hero, .masthead {
        min-height: 1080px;
    }

    .gallery-container {
        height: 400px;
        width: 910px;
    }
    .gallery-nav {
        margin-top: 64px;
    }
    /*.hero-slider {
        padding-bottom: 16px;
    }*/
}
@media (max-width:425.99px) {
    .hero, .masthead {
        min-height: 1020px;
    }

    .gallery-container {
        height: 360px;
        width: 950px;
    }
    .gallery-nav {
        margin-top: 40px;
    }
    .hero-slider {
        padding-bottom: 16px;
    }
}
@media (max-width:375px) {
    .hero, .masthead {
        min-height: 1030px;
    }

    .gallery-container {
        height: 340px;
        width: 900px;
    }
    .gallery-nav {
        margin-top: 64px;
    }
    .hero-slider {
        padding-bottom: 32px;
    }
}
@media (max-width:340px) {
    .hero, .masthead {
        min-height: 1040px;
    }

    .gallery-container {
        height: 340px;
        width: 900px;
    }
    .gallery-nav {
        margin-top: 64px;
    }
    .hero-slider {
        padding-bottom: 32px;
    }
}