html,
body {
    height: 100%;
    margin: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
    flex-grow: 1
}

.main-content {
    flex-grow: 1;
    /* Pushes footer down */
}

footer {
    /*background: #333;*/
    color: white;
    text-align: bottom;
    padding: 10px;
    position: relative;
}

/* General Card Styling */
.service-card {
    color: white;
    padding: 30px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.overlay {
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 8px;
}

/* Background Images for Services */
.labour-law {
    background: url('../img/labour-law.jpg') center/cover;
}

.evictions {
    background: url('../img/eviction.jpg') center/cover;
}

.wills-estates {
    background: url('../img/will-estates.jpg') center/cover;
}

.commercial-law {
    background: url('../img/commercial-law.jpg') center/cover;
}

.bail-applications {
    background: url('../img/bail.jpg') center/cover;
}

.civil-litigation {
    background: url('../img/civil-litigation.jpg') center/cover;
}

.family-law {
    background: url('../img/family-law.png') center/cover no-repeat;
}

.personal-injuries {
    background: url('../img/01.jpg') center/cover no-repeat;
}

.service-img {
    background: url('../img/EQMathebulaAttorneycard.jpg') center/cover;
}