/* ------------------------------ */
/* ------- Preview ------- */
/* ------------------------------ */

.preview .preview__content h3, .preview .preview__content p {
    margin-bottom: 0;
}

.preview .preview__content p {
    margin-top: var(--spacing-3);
}

.preview__media img {
    width: 100%;
}


/* Big */
.preview__row--big .preview:nth-child(n+3) {
    margin-top: var(--spacing-9);
}

.preview__row--big .preview__content h3 {
    margin-top: var(--spacing-5-5);
}

.preview__row--big .button {
    margin-top: var(--spacing-5);
}


/* Small */
.preview__row--small .preview__content h3 {
    margin-top: var(--spacing-4);
    margin-bottom: 0;
}

.preview__row--small .button {
    margin-top: var(--spacing-2);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (max-width: 991.98px) and (min-width: 576px) {

    .preview__row--big.preview__row {
        margin-right: -13px;
        margin-left: -13px;
    }

    .preview__row--big.preview__row > div {
        padding-right: 13px;
        padding-left: 13px;
    }

    .preview__row--small.preview__row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .preview__row--small.preview__row > div {
        padding-right: 8px;
        padding-left: 8px;
    }

    .preview__row--big .preview__content h3 {
        margin-top: var(--spacing-5);
    }

}

@media all and (max-width: 767.98px) {

    .preview__row:not(.preview__row--big) .preview + .preview {
        margin-top: var(--spacing-7);
    }

}


@media all and (max-width: 575.98px) {

    .preview__row--big .preview + .preview {
        margin-top: var(--spacing-7);
    }

}