.margin-0{margin: 0px;}
.margin-1{margin: 1px;}
.margin-2{margin: 2px;}
.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-20{margin: 20px;}
.margin-40{margin: 40px;}

.margin-top-0{margin-top: 0px;}
.margin-top-1{margin-top: 1px;}
.margin-top-2{margin-top: 2px;}
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-40{margin-top: 40px;}

.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-1{margin-bottom: 1px;}
.margin-bottom-2{margin-bottom: 2px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-40{margin-bottom: 40px;}

.margin-0-xs{margin: 0px;}
.margin-1-xs{margin: 1px;}
.margin-2-xs{margin: 2px;}
.margin-5-xs{margin: 5px;}
.margin-10-xs{margin: 10px;}
.margin-20-xs{margin: 20px;}
.margin-40-xs{margin: 40px;}

.margin-top-0-xs{margin-top: 0px;}
.margin-top-1-xs{margin-top: 1px;}
.margin-top-2-xs{margin-top: 2px;}
.margin-top-5-xs{margin-top: 5px;}
.margin-top-10-xs{margin-top: 10px;}
.margin-top-20-xs{margin-top: 20px;}
.margin-top-40-xs{margin-top: 40px;}

.margin-bottom-0-xs{margin-bottom: 0px;}
.margin-bottom-1-xs{margin-bottom: 1px;}
.margin-bottom-2-xs{margin-bottom: 2px;}
.margin-bottom-5-xs{margin-bottom: 5px;}
.margin-bottom-10-xs{margin-bottom: 10px;}
.margin-bottom-20-xs{margin-bottom: 20px;}
.margin-bottom-40-xs{margin-bottom: 40px;}

@media (min-width: 768px) {
.margin-0-sm{margin: 0px;}
.margin-1-sm{margin: 1px;}
.margin-2-sm{margin: 2px;}
.margin-5-sm{margin: 5px;}
.margin-10-sm{margin: 10px;}
.margin-20-sm{margin: 20px;}
.margin-40-sm{margin: 40px;}

.margin-top-0-sm{margin-top: 0px;}
.margin-top-1-sm{margin-top: 1px;}
.margin-top-2-sm{margin-top: 2px;}
.margin-top-5-sm{margin-top: 5px;}
.margin-top-10-sm{margin-top: 10px;}
.margin-top-20-sm{margin-top: 20px;}
.margin-top-40-sm{margin-top: 40px;}

.margin-bottom-0-sm{margin-bottom: 0px;}
.margin-bottom-1-sm{margin-bottom: 1px;}
.margin-bottom-2-sm{margin-bottom: 2px;}
.margin-bottom-5-sm{margin-bottom: 5px;}
.margin-bottom-10-sm{margin-bottom: 10px;}
.margin-bottom-20-sm{margin-bottom: 20px;}
.margin-bottom-40-sm{margin-bottom: 40px;}
}

@media (min-width: 992px) {
.margin-0-md{margin: 0px;}
.margin-1-md{margin: 1px;}
.margin-2-md{margin: 2px;}
.margin-5-md{margin: 5px;}
.margin-10-md{margin: 10px;}
.margin-20-md{margin: 20px;}
.margin-40-md{margin: 40px;}

.margin-top-0-md{margin-top: 0px;}
.margin-top-1-md{margin-top: 1px;}
.margin-top-2-md{margin-top: 2px;}
.margin-top-5-md{margin-top: 5px;}
.margin-top-10-md{margin-top: 10px;}
.margin-top-20-md{margin-top: 20px;}
.margin-top-40-md{margin-top: 40px;}

.margin-bottom-0-md{margin-bottom: 0px;}
.margin-bottom-1-md{margin-bottom: 1px;}
.margin-bottom-2-md{margin-bottom: 2px;}
.margin-bottom-5-md{margin-bottom: 5px;}
.margin-bottom-10-md{margin-bottom: 10px;}
.margin-bottom-20-md{margin-bottom: 20px;}
.margin-bottom-40-md{margin-bottom: 40px;}
}

@media (min-width: 1200px) {
.margin-0-lg{margin: 0px;}
.margin-1-lg{margin: 1px;}
.margin-2-lg{margin: 2px;}
.margin-5-lg{margin: 5px;}
.margin-10-lg{margin: 10px;}
.margin-20-lg{margin: 20px;}
.margin-40-lg{margin: 40px;}

.margin-top-0-lg{margin-top: 0px;}
.margin-top-1-lg{margin-top: 1px;}
.margin-top-2-lg{margin-top: 2px;}
.margin-top-5-lg{margin-top: 5px;}
.margin-top-10-lg{margin-top: 10px;}
.margin-top-20-lg{margin-top: 20px;}
.margin-top-40-lg{margin-top: 40px;}

.margin-bottom-0-lg{margin-bottom: 0px;}
.margin-bottom-1-lg{margin-bottom: 1px;}
.margin-bottom-2-lg{margin-bottom: 2px;}
.margin-bottom-5-lg{margin-bottom: 5px;}
.margin-bottom-10-lg{margin-bottom: 10px;}
.margin-bottom-20-lg{margin-bottom: 20px;}
.margin-bottom-40-lg{margin-bottom: 40px;}
}