@media (max-width: 767.98px) {
    .navbar-nav {
        gap: .3rem;
    }

    .mt-130px {
        margin-top: 80px;
    }

    .ei-title {
        display: none;
    }

    .ei-slider {
        height: 200px;
    }

    .responsiveslide {
        margin-left: 0px !important;
        width: 100% !important;
        height: 200px !important;
    }

    .navbar-brand {
        height: 60px;
    }

    .navbar {
        padding-bottom: 10px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    }

    .project-image {
        height: 250px;
        overflow: hidden;
    }

    .project-text {
        padding-bottom: 0;
    }

    .section-image-top {
        height: 200px;
    }


    .mode-switch {
        top: 15%;
    }

}