/* 
Table Of Contents
1. Padding Styles
    1.A Padding All Sides
    1.B Padding-Top
    1.C Padding-Bottom
    1.D Padding-Right
    1.E Padding-Left
    1.F Padding X-Axis
    1.G Padding Y-Axis
2. Margin Styles
    2.A Margin All Sides
    2.B Margin-Top
    2.C Margin-Bottom
    2.D Margin-Right
    2.E Margin-Left
    2.F Margin X-Axis
	2.G Margin Y-Axis
	2.H Margin-Auto
*/

/************************************************************** 
Main Padding Styles 
**************************************************************/

/* 1.A Padding Styles
****************************/
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: .25rem !important;
}
.p-2 {
    padding: .50rem !important;
}
.p-3 {
    padding: .75rem !important;
}
.p-4 {
    padding: 1rem !important;
}
.p-5 {
    padding: 1.50rem !important;
}
.p-6 {
    padding: 2rem !important;
}

/* 1.B Padding-Top Styles
******************************/
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: .25rem !important;
}
.pt-2 {
    padding-top: .50rem !important;
}
.pt-3 {
    padding-top: .75rem !important;
}
.pt-4 {
    padding-top: 1rem !important;
}
.pt-5 {
    padding-top: 1.50rem !important;
}
.pt-6 {
    padding-top: 2rem !important;
}

/* 1.C Padding-Bottom Styles
******************************/
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: .25rem !important;
}
.pb-2 {
    padding-bottom: .50rem !important;
}
.pb-3 {
    padding-bottom: .75rem !important;
}
.pb-4 {
    padding-bottom: 1rem !important;
}
.pb-5 {
    padding-bottom: 1.50rem !important;
}
.pb-6 {
    padding-bottom: 2rem !important;
}

/* 1.D Padding-Right Styles
******************************/
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: .25rem !important;
}
.pr-2 {
    padding-right: .50rem !important;
}
.pr-3 {
    padding-right: .75rem !important;
}
.pr-4 {
    padding-right: 1rem !important;
}
.pr-5 {
    padding-right: 1.50rem !important;
}
.pr-6 {
    padding-right: 2rem !important;
}

/* 1.E Padding-Left Styles
******************************/
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: .25rem !important;
}
.pl-2 {
    padding-left: .50rem !important;
}
.pl-3 {
    padding-left: .75rem !important;
}
.pl-4 {
    padding-left: 1rem !important;
}
.pl-5 {
    padding-left: 1.50rem !important;
}
.pl-6 {
    padding-left: 2rem !important;
}

/* 1.F Padding X-Axis Styles
******************************/
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}
.px-2 {
    padding-right: .50rem !important;
    padding-left: .50rem !important;
}
.px-3 {
    padding-right: .75rem !important;
    padding-left: .75rem !important;
}
.px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-5 {
    padding-right: 1.50rem !important;
    padding-left: 1.50rem !important;
}
.px-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

/* 1.G Padding Y-Axis Styles
******************************/
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.py-2 {
    padding-top: .50rem !important;
    padding-bottom: .50rem !important;
}
.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}
.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-5 {
    padding-top: 1.50rem !important;
    padding-bottom: 1.50rem !important;
}
.py-6 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/**************************************************************** 
Main Margin Styles
****************************************************************/

/* 2.A Margin Styles
******************************/
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: .25rem !important;
}
.m-2 {
    margin: .50rem !important;
}
.m-3 {
    margin: .75rem !important;
}
.m-4 {
    margin: 1rem !important;
}
.m-5 {
    margin: 1.50rem !important;
}
.m-6 {
    margin: 2rem !important;
}

/* 2.B Margin-Top Styles
******************************/
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: .25rem !important;
}
.mt-2 {
    margin-top: .50rem !important;
}
.mt-3 {
    margin-top: .75rem !important;
}
.mt-4 {
    margin-top: 1rem !important;
}
.mt-5 {
    margin-top: 1.50rem !important;
}
.mt-6 {
    margin-top: 2rem !important;
}

/* 2.C Margin-Bottom Styles
******************************/
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: .25rem !important;
}
.mb-2 {
    margin-bottom: .50rem !important;
}
.mb-3 {
    margin-bottom: .75rem !important;
}
.mb-4 {
    margin-bottom: 1rem !important;
}
.mb-5 {
    margin-bottom: 1.50rem !important;
}
.mb-6 {
    margin-bottom: 2rem !important;
}

/* 2.D Margin-Right Styles
******************************/
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: .25rem !important;
}
.mr-2 {
    margin-right: .50rem !important;
}
.mr-3 {
    margin-right: .75rem !important;
}
.mr-4 {
    margin-right: 1rem !important;
}
.mr-5 {
    margin-right: 1.50rem !important;
}
.mr-6 {
    margin-right: 2rem !important;
}

/* 2.E Margin-Left Styles
******************************/
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: .25rem !important;
}
.ml-2 {
    margin-left: .50rem !important;
}
.ml-3 {
    margin-left: .75rem !important;
}
.ml-4 {
    margin-left: 1rem !important;
}
.ml-5 {
    margin-left: 1.50rem !important;
}
.ml-6 {
    margin-left: 2rem !important;
}

/* 2.F Margin X-Axis Styles
******************************/
.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mx-1 {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}
.mx-2 {
	margin-left: .50rem !important;
	margin-right: .50rem !important;
}
.mx-3 {
	margin-left: .75rem !important;
	margin-right: .75rem !important;
}
.mx-4 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.mx-5 {
	margin-left: 1.50rem !important;
	margin-right: 1.50rem !important;
}
.mx-6 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

/* 2.G Margin Y-Axis Styles
******************************/
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-1 {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important;
}
.my-2 {
	margin-top: .50rem !important;
	margin-bottom: .50rem !important;
}
.my-3 {
	margin-top: .75rem !important;
	margin-bottom: .75rem !important;
}
.my-4 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.my-5 {
	margin-top: 1.50rem !important;
	margin-bottom: 1.50rem !important;
}
.my-6 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

/* 2.H Margin-Auto Styles
******************************/
.mt-auto {
	margin-top: auto !important;
}
.mb-auto {
	margin-bottom: auto !important;
}
.ml-auto {
	margin-left: auto !important;
}
.mr-auto {
	margin-right: auto !important;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}