.header .logo img {
    max-height: 90px;
}

.header {
    position: relative;
    padding: 5px 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}

.hero {
    position: relative;
}

.navbar a,
.navbar a:hover,
.navbar a:focus {
    color: rgba(0, 0, 0, 1) !important;
}

.mobile-nav-show {
    color: #000;
}

.breadcrumbs {
    padding: 60px 0 60px 0;
}

.footer-info>div>img {
    background: #ffffffd6;
    border-radius: 5px;
    padding: 3px 5px;
}

/* .hero .carousel-item::before {
    background-color: rgba(255, 255, 255, 0.55);
}

.breadcrumbs::before {
    background-color: rgba(0, 0, 0, 0);
}

.footer:before {
    background: rgba(0, 0, 0, 0);
}

.hero .info h2 {
    color: #2c2c2c;
}

.hero .info p {
    color: #464646;
}

.hero .info .btn-get-started {
    color: #2c2c2c;
} */

@media screen and (max-width: 767px) {
    .header {
        padding: 10px 0;
        background: #ffffff;
    }

    .header .logo h1 {
        display: none;
    }

    .header .logo img {
        max-height: 60px;
    }

    .hero .info p {
        color: rgba(255, 255, 255, 0.8);
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar a,
    .navbar a:focus {
        color: rgba(255, 255, 255, 1);
    }

    /* 

    .hero .carousel-item::before {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .breadcrumbs::before {
        background-color: rgba(0, 0, 0, 0.7);
    } */
}