:root {		
/* QUICK TRANSPARENCIES */
	--accent-light-05: rgba(195,31,19,0.05);
	--accent-light-10: rgba(195,31,19,0.10);
	--accent-light-20: rgba(195,31,19,0.20);
	--accent-light-30: rgba(195,31,19,0.30);
	--accent-light-40: rgba(195,31,19,0.40);
	--accent-light-50: rgba(195,31,19,0.50);
	--accent-light-60: rgba(195,31,19,0.60);
	--accent-light-70: rgba(195,31,19,0.70);
	--accent-light-80: rgba(195,31,19,0.80);
	--accent-light-90: rgba(195,31,19,0.90);

	--accent-mid-05: rgba(134,1,1,0.05);
	--accent-mid-10: rgba(134,1,1,0.10);
	--accent-mid-20: rgba(134,1,1,0.20);
	--accent-mid-30: rgba(134,1,1,0.30);
	--accent-mid-40: rgba(134,1,1,0.40);
	--accent-mid-50: rgba(134,1,1,0.50);
	--accent-mid-60: rgba(134,1,1,0.60);
	--accent-mid-70: rgba(134,1,1,0.70);
	--accent-mid-80: rgba(134,1,1,0.80);
	--accent-mid-90: rgba(134,1,1,0.90);

	--accent-dark-05: rgba(64,9,9,0.05);
	--accent-dark-10: rgba(64,9,9,0.10);
	--accent-dark-20: rgba(64,9,9,0.20);
	--accent-dark-30: rgba(64,9,9,0.30);
	--accent-dark-40: rgba(64,9,9,0.40);
	--accent-dark-50: rgba(64,9,9,0.50);
	--accent-dark-60: rgba(64,9,9,0.60);
	--accent-dark-70: rgba(64,9,9,0.70);
	--accent-dark-80: rgba(64,9,9,0.80);
	--accent-dark-90: rgba(64,9,9,0.90);

	--white-05: rgba(255,255,255,0.05);
	--white-10: rgba(255,255,255,0.10);
	--white-20: rgba(255,255,255,0.20);
	--white-30: rgba(255,255,255,0.30);
	--white-40: rgba(255,255,255,0.40);
	--white-50: rgba(255,255,255,0.50);
	--white-60: rgba(255,255,255,0.60);
	--white-70: rgba(255,255,255,0.70);
	--white-80: rgba(255,255,255,0.80);
	--white-90: rgba(255,255,255,0.90);
	
	--black-05: rgba(0,0,0,0.05);
	--black-10: rgba(0,0,0,0.10);
	--black-20: rgba(0,0,0,0.20);
	--black-30: rgba(0,0,0,0.30);
	--black-40: rgba(0,0,0,0.40);
	--black-50: rgba(0,0,0,0.50);
	--black-60: rgba(0,0,0,0.60);
	--black-70: rgba(0,0,0,0.70);
	--black-80: rgba(0,0,0,0.80);
	--black-90: rgba(0,0,0,0.90);
}



/* ALIGNMENT & WIDTH */
.left {
	text-align: left;
	margin-right: auto;
}

.right {
	text-align: right;
	margin-left: auto;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.w-10  { width: 10%;  }
.w-15  { width: 15%;  }
.w-20  { width: 20%;  }
.w-25  { width: 25%;  }
.w-30  { width: 30%;  }
.w-35  { width: 35%;  }
.w-40  { width: 40%;  }
.w-45  { width: 45%;  }
.w-50  { width: 50%;  }
.w-55  { width: 55%;  }
.w-60  { width: 60%;  }
.w-65  { width: 65%;  }
.w-70  { width: 70%;  }
.w-75  { width: 75%;  }
.w-80  { width: 80%;  }
.w-85  { width: 85%;  }
.w-90  { width: 90%;  }
.w-95  { width: 95%;  }
.w-100 { width: 100%; }

/* MARGIN - ALL SIDES */
.m-0  { margin: 0;    }
.m-5  { margin: 5px;  }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-40 { margin: 40px; }
.m-50 { margin: 50px; }
 
/* MARGIN - TOP */
.mt-0  { margin-top: 0;    }
.mt-5  { margin-top: 5px;  }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
 
/* MARGIN - BOTTOM */
.mb-0  { margin-bottom: 0;    }
.mb-5  { margin-bottom: 5px;  }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
 
/* MARGIN - LEFT */
.ml-0  { margin-left: 0;    }
.ml-5  { margin-left: 5px;  }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
 
/* MARGIN - RIGHT */
.mr-0  { margin-right: 0;    }
.mr-5  { margin-right: 5px;  }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
 
/* MARGIN - HORIZONTAL (left + right) */
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-5    { margin-left: 5px;  margin-right: 5px;  }
.mx-10   { margin-left: 10px; margin-right: 10px; }
.mx-15   { margin-left: 15px; margin-right: 15px; }
.mx-20   { margin-left: 20px; margin-right: 20px; }
.mx-30   { margin-left: 30px; margin-right: 30px; }
 
/* MARGIN - VERTICAL (top + bottom) */
.my-5  { margin-top: 5px;  margin-bottom: 5px;  }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
 
/* PADDING - ALL SIDES */
.p-0  { padding: 0;    }
.p-5  { padding: 5px;  }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
 
/* PADDING - TOP */
.pt-0  { padding-top: 0;    }
.pt-5  { padding-top: 5px;  }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
 
/* PADDING - BOTTOM */
.pb-0  { padding-bottom: 0;    }
.pb-5  { padding-bottom: 5px;  }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
 
/* PADDING - LEFT */
.pl-0  { padding-left: 0;    }
.pl-5  { padding-left: 5px;  }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }
 
/* PADDING - RIGHT */
.pr-0  { padding-right: 0;    }
.pr-5  { padding-right: 5px;  }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
 
/* PADDING - HORIZONTAL (left + right) */
.px-5  { padding-left: 5px;  padding-right: 5px;  }
.px-10 { padding-left: 10px; padding-right: 10px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
 
/* PADDING - VERTICAL (top + bottom) */
.py-5  { padding-top: 5px;  padding-bottom: 5px;  }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }