h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
}

.main-row {
    margin-bottom: 20px;
}

.main-col--1 {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    h1 {
        margin-bottom: 40px;
    }

    h2, h3, h4, h5, h6 {
        margin-bottom: 30px;
    }

    .main-row {
        margin-bottom: 40px;
    }

    .main-col--1 {
        margin-bottom: 0;
    }
}