/*--------------------------------------------------------------
# Margin
--------------------------------------------------------------*/

.no-mg { margin: 0; }

.mg { margin: 1em; }

.mg-down { margin-bottom: 1em; }

.mg-up { margin-top: 1em; }

.mg-left { margin-left: 1em; }

.mg-right { margin-right: 1em; }

/*--------------------------------------------------------------
# Padding
--------------------------------------------------------------*/

.no-pad { padding: 0; }

.pad { padding: 1em; }

.pad-down { padding-bottom: 1em; }

.pad-up { padding-top: 1em; }

.pad-left { padding-left: 1em; }

.pad-right { padding-right: 1em; }