/*padding left-right*/
.padding {
    padding: 0 16px;
}
/*padding top-bottom*/
.margin > * {
    padding-bottom: 16px;
    padding-top: 16px;
}
.margin-half > * {
    padding-bottom: 8px;
    padding-top: 8px;
}
.margin > .not-top-margin, .margin-half > .not-top-margin {
    padding-top: 0;
}
.margin > .not-bottom-margin, .margin-half > .not-bottom-margin {
    padding-bottom: 0;
}
.margin > .not-margin, .margin-half > .not-margin {
    padding-top: 0;
    padding-bottom: 0;
}
@media only screen and (min-width: 640px) {
    /*padding left-right*/
    .padding {
        padding: 0 32px;
    }
    /*padding top-bottom*/
    .margin > * {
        padding-bottom: 32px;
        padding-top: 32px;
    }
    .margin-half > * {
        padding-bottom: 16px;
        padding-top: 16px;
    }
}