.body .body-content {
    margin-top: 100px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body .buttons {
    margin: 6px 0 20px 0;
}

.body .buttons a {
    margin: 0 4px 0;
}

.body hr {
    margin: 0;
}

/* ////////// Dark mode button alignment /////// */
header nav form a {
    margin: 5px 16px 0 0;
}

/* ///////// SECTION FEATURES /////////// */

/* /////// Icons style on the top of cards /////// */
.body .feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
}

/* //////// END //////// */

/* ////////// SLIDER //////// */
.body .slider-height {
    margin-bottom: 16px;
}

.body .slider-height img {
    height: 684px;
    object-fit: cover;
}

/* ////////// FOOTER ///////// */
.footer {
    margin: auto;
}


/* ////////// Media Query for dashboard content that takes full width //////// */
@media(max-width: 991px) {
    .body .body-content {
        width: 85%;
    }

    .body .body-content img {
        margin-top: 20px;
        width: 600px;
    }

}

@media(max-width: 600px) {
    .body .body-content {
        width: 97%;
    }

    .body .body-content img {
        max-width: 500px;
        width: 100%;
    }
}