html,
body {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    width: 100%;

}



html .modal-open {
    overflow: inherit;
    padding-right: 0 !important;
}

.text-justify {
    text-align: justify;
}

.parallax_padding {
    padding: 7rem 0;
    background-size: cover;

}

.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -100;
}

.parallax {
    position: fixed;
    top: 0;
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#intro {
    background-image: url(../img/img5.jpg);
    height: 100vh;
}


.navbar {
    transition: 1s !important;
}

.navbar .nav-link {
    color: #fff !important;
}

.bg-black-transparent {
    background-color:rgba(33,33,33,.2)
}

.bg-black {
    background-color: #000000;
}


.half-img {
    height: 50vh !important;
}

@media (min-width: 992px) {
    .card-img-top {
        width: 100%;
        height: 20vw;
        object-fit: cover;
    }
}

@media (min-width: 768px) {
    .card-img-top {
        width: 100%;
        height: 15vw;
        object-fit: cover;
    }
}