.u-mt5 { margin-top:    5px }
.u-m5  { margin:        5px }
.u-m10  { margin:        10px }
.u-mt10 { margin-top:    10px }
.u-mr10 { margin-right:  10px }
.u-mb10 { margin-bottom: 10px }
.u-ml10 { margin-left:   10px }
.u-mx10 { margin-left:   10px; margin-right:  10px }
.u-my10 { margin-top:    10px; margin-bottom: 10px }
.u-mt20 { margin-top:    20px }
.u-mr20 { margin-right:  20px }
.u-mb20 { margin-bottom: 20px }
.u-ml20 { margin-left:   20px }
.u-ml30 { margin-left:   30px }
.u-mr30 { margin-right:  30px }
.u-mt30 { margin-top:    30px }
.u-mb30 { margin-bottom: 30px }


.u-p10  { padding:        10px }
.u-pt10 { padding-top:    10px }
.u-pr10 { padding-right:  10px }
.u-pb10 { padding-bottom: 10px }
.u-pl10 { padding-left:   10px }
.u-px10 { padding-left:   10px; padding-right:  10px }
.u-py10 { padding-top:    10px; padding-bottom: 10px }
.u-pt20 { padding-top:    20px }
.u-pr20 { padding-right:  20px }
.u-pb20 { padding-bottom: 20px }
.u-pl20 { padding-left:   20px }
.u-pt30 { padding-top:    30px }
.u-pr30 { padding-right:  30px }
.u-pb30 { padding-bottom: 30px }
.u-pl30 { padding-left:   30px }

.text-center { text-align: center; }
.display-block { display: block; }
.display-inline-block { display: inline-block; }