.main-content {
    margin-top: 8rem;
}

@media only screen and (max-width: 39em) {
    .review-carousel {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        min-height: 34rem;
    }
}

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {
    .review-carousel {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        min-height: 30rem;
    }
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {
    .review-carousel {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        min-height: 30rem;
    }
}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {
    .review-carousel {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        min-height: 20rem;
    }
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
    .review-carousel {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        min-height: 20rem;
    }
}
