/* margin top */
.mt-1{margin-top: 1px;}
.mt-2{margin-top: 2px;}
.mt-3{margin-top: 3px;}
.mt-4{margin-top: 4px;}
.mt-5{margin-top: 5px;}

/* margin bottom */
.mb-1{margin-bottom: 1px;}
.mb-2{margin-bottom: 2px;}
.mb-3{margin-bottom: 3px;}
.mb-4{margin-bottom: 4px;}
.mb-5{margin-bottom: 5px;}

/* margin right */
.mr-1{margin-right: 1px;}
.mr-2{margin-right: 2px;}
.mr-3{margin-right: 3px;}
.mr-4{margin-right: 4px;}
.mr-5{margin-right: 5px;}

/* margin left */
.ml-1{margin-left: 1px;}
.ml-2{margin-left: 2px;}
.ml-3{margin-left: 3px;}
.ml-4{margin-left: 4px;}
.ml-5{margin-left: 5px;}

/* margin */
.m-1{margin: 1px;}
.m-2{margin: 2px;}
.m-3{margin: 3px;}
.m-4{margin: 4px;}
.m-5{margin: 5px;}

/* margin vertical */
.mv-1{margin-top: 1px; margin-bottom: 1px;}
.mv-2{margin-top: 2px; margin-bottom: 2px;}
.mv-3{margin-top: 3px; margin-bottom: 3px;}
.mv-4{margin-top: 4px; margin-bottom: 4px;}
.mv-5{margin-top: 5px; margin-bottom: 5px;}
.mv-10{margin-top: 10px; margin-bottom: 10px;}
.mv-30{margin-top: 30px; margin-bottom: 30px;}

/* margin horizontal */
.mh-1{margin-right: 1px; margin-left: 1px;}
.mh-2{margin-right: 2px; margin-left: 2px;}
.mh-3{margin-right: 3px; margin-left: 3px;}
.mh-4{margin-right: 4px; margin-left: 4px;}
.mh-5{margin-right: 5px; margin-left: 5px;}