/** SPACING **/
/* padding */
.p_0    { padding: 0; }
.p_xs   { padding: 5px; }
.p_s    { padding: 10px; }
.p_m    { padding: 20px; }
.p_l    { padding: 30px; }
.p_xl   { padding: 40px; }
/* vertical padding */
.pv_0   { padding-top: 0; padding-bottom: 0; }
.pv_xs  { padding-top: 5px; padding-bottom: 5px; }
.pv_s   { padding-top: 10px; padding-bottom: 10px; }
.pv_m   { padding-top: 20px; padding-bottom: 20px; }
.pv_l   { padding-top: 30px; padding-bottom: 30px; }
.pv_xl  { padding-top: 40px; padding-bottom: 40px; }
/* horizontal padding */
.ph_0   { padding-left: 0; padding-right: 0; }
.ph_xs  { padding-left: 5px; padding-right: 5px; }
.ph_s   { padding-left: 10px; padding-right: 10px; }
.ph_m   { padding-left: 20px; padding-right: 20px; }
.ph_l   { padding-left: 30px; padding-right: 30px; }
.ph_xl  { padding-left: 40px; padding-right: 40px; }
/* top padding */
.pt_0   { padding-top: 0 !important; }
.pt_xxs { padding-top: 2px !important; }
.pt_xs  { padding-top: 5px !important; }
.pt_s   { padding-top: 10px !important; }
.pt_m   { padding-top: 20px !important; }
.pt_l   { padding-top: 30px !important; }
.pt_xl  { padding-top: 40px !important; }
/* bottom padding */
.pb_0   { padding-bottom: 0 !important; }
.pb_xs  { padding-bottom: 5px !important; }
.pb_s   { padding-bottom: 10px !important; }
.pb_m   { padding-bottom: 20px !important; }
.pb_l   { padding-bottom: 30px !important; }
.pb_xl  { padding-bottom: 40px !important; }
/* left padding */
.pl_0   { padding-left: 0 !important; }
.pl_xs  { padding-left: 5px !important; }
.pl_s   { padding-left: 10px !important; }
.pl_m   { padding-left: 20px !important; }
.pl_l   { padding-left: 30px !important; }
.pl_xl  { padding-left: 40px !important; }
.pl_comments  { padding-left: 160px !important; }
/* right padding */
.pr_0   { padding-right: 0 !important; }
.pr_xs  { padding-right: 5px !important; }
.pr_s   { padding-right: 10px !important; }
.pr_m   { padding-right: 20px !important; }
.pr_l   { padding-right: 30px !important; }
.pr_xl  { padding-right: 40px !important; }


/** MARGINS **/
/* margin */
.m_0    { margin: 0; }
.m_xs   { margin: 5px; }
.m_s    { margin: 10px; }
.m_m    { margin: 20px; }
.m_l    { margin: 30px; }
.m_xl   { margin: 40px; }
/* vertical margin */
.mv_0   { margin-top: 0; margin-bottom: 0; }
.mv_xs  { margin-top: 5px; margin-bottom: 5px; }
.mv_s   { margin-top: 10px; margin-bottom: 10px; }
.mv_m   { margin-top: 20px; margin-bottom: 20px; }
.mv_l   { margin-top: 30px; margin-bottom: 30px; }
.mv_xl  { margin-top: 40px; margin-bottom: 40px; }
/* horizontal margin */
.mh_0   { margin-left: 0; margin-right: 0; }
.mh_xs  { margin-left: 5px; margin-right: 5px; }
.mh_s   { margin-left: 10px; margin-right: 10px; }
.mh_m   { margin-left: 20px; margin-right: 20px; }
.mh_l   { margin-left: 30px; margin-right: 30px; }
.mh_xl  { margin-left: 40px; margin-right: 40px; }
/* top margin */
.mt_0   { margin-top: 0 !important; }
.mt_xs  { margin-top: 5px !important; }
.mt_s   { margin-top: 10px !important; }
.mt_xm_n { margin-top: -15px !important; }
.mt_m   { margin-top: 20px !important; }
.mt_l   { margin-top: 30px !important; }
.mt_xl  { margin-top: 40px !important; }
/* bottom margin */
.mb_0   { margin-bottom: 0 !important; }
.mb_xs  { margin-bottom: 5px !important; }
.mb_s   { margin-bottom: 10px !important; }
.mb_m   { margin-bottom: 20px !important; }
.mb_l   { margin-bottom: 30px !important; }
.mb_xl  { margin-bottom: 40px !important; }
/* left margin */
.ml_0   { margin-left: 0 !important; }
.ml_xs  { margin-left: 5px !important; }
.ml_s   { margin-left: 10px !important; }
.ml_m   { margin-left: 20px !important; }
.ml_l   { margin-left: 30px !important; }
.ml_xl  { margin-left: 40px !important; }
/* right margin */
.mr_0   { margin-right: 0 !important; }
.mr_xs  { margin-right: 5px !important; }
.mr_s   { margin-right: 10px !important; }
.mr_m   { margin-right: 20px !important; }
.mr_l   { margin-right: 30px !important; }
.mr_xl  { margin-right: 40px !important; }