@media (max-width: 1200px) {
    .carousel-item, .carousel-item img, .carousel-overlay,
    .carousel-inner .carousel-item::before {
        height: 600px !important;
    }

    .carousel-caption h1 {
        font-size: 3em;
    }
}


@media (max-width: 768px) {

    .logo {
        height: 50px;
    }

    .logo-name {
        display: none;
    }
    .nav-item .nav-link {
        font-size: 1rem;
    }
    .carousel-item, .carousel-item img, .carousel-overlay,
    .carousel-inner .carousel-item::before {
        height: 300px !important;
    }

    .carousel-caption {
        top: 50%;
        width: 80%;
    }

        .carousel-caption h1 {
            font-size: 1.5rem;
        }

        .carousel-caption p {
            font-size: 1rem;
        }
    .heading {
        font-size: 1.7em;
        letter-spacing: 2px;
    }

    
}