@media (max-width:820px) {
    #hero {
        height: auto;
    }
    #slide-content {
        display: none;
    }
    .mobile-tablet {
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .card-mobile {
        margin: 0;
    }
    .slide-fluid {
        position: relative;
        width: 100%;
        height: 320px;
    }
    .cover-shade {
        padding: 0px 5px 30px 5px;
    }
    .client-content {
        margin-bottom: 25px;
    }
    #about {
        margin-top: -96px;
    }
}