.body-spacer {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
}

.body-spacer.edit-mode {
    border: 1px dashed #545456;
    text-align: center;
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
}
.body-spacer.edit-mode.dark-purple-bg {
    border: 1px dashed #EDEFF6;
    color: #EDEFF6;
    text-align: center;
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
}
.body-spacer.edit-mode.purple-bg {
    border: 1px dashed #EDEFF6;
    color: #EDEFF6;
    text-align: center;
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
}
.body-spacer.medium {
    padding-top: 40px;
    padding-bottom: 40px;
}

.body-spacer.medium.edit-mode {
    margin: 0 !important;
    padding: 80px 0 !important;
}

.body-spacer.small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.body-spacer.small.edit-mode {
    margin: 0 !important;
    padding: 20px 0 !important;
}

@media (max-width: 768px) {
    .body-spacer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .body-spacer.medium {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}