/*
 *	 ____    _____    ______  __      __  _____    _____ 
 *	|  _ \  |  __ \  |  ____| \ \    / / |_   _|  / ____|
 *	| |_) | | |__) | | |__     \ \  / /    | |   | (___  
 *	|  _ <  |  _  /  |  __|     \ \/ /     | |    \___ \ 
 *	| |_) | | | \ \  | |____     \  /     _| |_   ____) |
 *	|____/  |_|  \_\ |______|     \/     |_____| |_____/ 
 *
 *
 *	@version: 0.7.3
 *	@link: https://github.com/dlzi/brevis
 *	@license: http://opensource.org/licenses/MIT - MIT License
 *
 *	Copyright (c) 2020 Daniel Zilli
 */

/*
 *	## BASE
 *
 *	# BOX-SIZING
 *		bxs = box-sizing
 *
 *	# POSITION
 *		d = display
 *		pos = position
 *		t = top
 *		r = right
 *		b = bottom
 *		l = left
 *
 *	# FLOAT
 *		f = float
 *		clr = clear
 *
 *	# JUSTIFY-CONTENT
 *		jct = justify-content
 *		jis = justify-items
 *		jsf = justify-self
 *
 *	# ALIGN-CONTENT
 *		anct = align-content
 *		anis = align-items
 *		ansf = align-self
 *
 *	# FLEX
 *		fx = flex
 *		fxbs = flex-basis
 *		fxdn = flex-direction
 *		fxfw = flex-flow
 *		fxgw = flex-grow
 *		fxsk = flex-shrink
 *		fxwp = flex-wrap
 *
 *	# TRANISTIONS
 *		tnprop = transition-property
 *		tndu = transition-duration
 *		tntgfn = transition-timing-function
 *		tndy = transition-delay
 *
 *	# ORDER
 *		or = order
 *
 *	# VISIBILITY
 *		v = visibility
 *		o = opacity
 *		z = z-index
 *
 *	# MARGIN
 *		m = margin
 *		mt = margin-top
 *		mr = margin-right
 *		mb = margin-bottom
 *		ml = margin-left
 *		my = margin-top; margin-bottom
 *		mx = margin-right; margin-left
 *
 *	# OUTLINE
 *		oe = outline
 *
 *	# BORDER
 *		br = border
 *		brw = border-width
 *		brtw = border-top-width
 *		brrw = border-right-width
 *		brbw = border-bottom-width
 *		brlw = border-left-width
 *		bryw = border-top-width; border-bottom-width
 *		brxw = border-right-width; border-left-width
 *
 *		brst = border-style
 *		brtst = border-top-style
 *		brrst = border-right-style
 *		brbst = border-bottom-style
 *		brlst = border-left-style
 *		bryst = border-top-style; border-bottom-style
 *		brxst = border-right-style; border-left-style
 *
 *		brrad = border-radius
 *		brtrrad = border-top-right-radius
 *		brtlrad = border-top-left-radius
 *		brbrrad = border-bottom-right-radius
 *		brblrad = border-bottom-left-radius
 *		bryrrad = border-top-right-radius, border-bottom-right-radius
 *		brylrad = border-top-left-radius, border-bottom-left-radius
 *
 *		brc = border-color
 *		brtc = border-top-color
 *		brrc = border-right-color
 *		brbc = border-bottom-color
 *		brlc = border-left-color
 *
 *		brchvr = border-color:hover
 *		brtchvr = border-top-color:hover
 *		brrchvr = border-right-color:hover
 *		brbchvr = border-bottom-color:hover
 *		brlchvr = border-left-color:hover
 *
 *	# BOX-SHADOW
 *		bxsw = box-shadow
 *
 *	# BACKGROUND	
 *		bgc = background-color
 *		bgchvr = background-color:hover
 *		bgpos = background-position
 *		bgrt = background-repeat
 *		bgs = background-size
 *
 *	# CURSOR
 *		cur = cursor
 *
 *	# PADDING
 *		p = padding
 *		pt = padding-top
 *		pr = padding-right
 *		pb = padding-bottom
 *		pl = padding-left
 *		py = padding-top; padding-bottom
 *		px = padding-right; padding-left
 *
 *	# WIDTH
 *		w = width
 *		miw = min-width
 *		maw = max-width
 *
 *	# HEIGHT
 *		h = height
 *		mih = min-height
 *		mah = max-height
 *
 *	# OVERFLOW
 *		of = overflow
 *		ofx = overflow-x
 *		ofy = overflow-y
 *		re = resize
 *
 *	# LIST-STYLE
 *		lsst = list-style
 *
 *	# TABLE
 *		tbllt = table-layout
 *		brcoll = border-collapse
 *		brsp = border-spacing
 *
 *	# VERTICAL-ALIGMENT
 *		vlan = vertical-align
 *
 *	# TEXT-ALIGNMENT & DECORATION
 *		dn = direction
 *		txtan = text-align
 *		txtit = text-indent
 *		txttm = text-transform
 *		txtdec = text-decoration
 *		txtdechvr = text-decoration:hover
 *
 *	# TEXT-SPACING & COLOR
 *		lnh = line-height
 *		wdsp = word-spacing
 *		lrsp = letter-spacing
 *		whsp = white-space
 *		wdbrk = word-break
 *		wdwp = word-wrap
 *		c = color
 *		chvr = color:hover
 *
 *	# FONT
 *		ftfam = font-family
 *		fts = font-size
 *		ftwt = font-weight
 *		ftst = font-style
 *
 *	# POINTER EVENTS
 *		ptres = pointer-events
 *
 *	## MEDIA QUERY EXTENSIONS
 *		-l = @media (max-width: 1280px)
 *		-m = @media (max-width: 840px)
 *		-s = @media (max-width: 400px)
 */
 

/*
 *	BOX-SIZING
 */

/*
 *	BOX-SIZING
 *
 *	# Base
 *		bxs = box-sizing
 *
 *	# Modifiers
 *		--brbx = border-box
 *		--ctbx = content-box
 *
 *	# Note
 *		You don't need to box-sizing everything - https://aastudio.fr/box-sizing.html
 *		
 *		When you DON’T need it:
 *			- for elements without width or height or min/max-width or min/max-height
 *			- for inline elements
 *
 *		When you might need it:
 *			- when the element is a column’s grid
 *			- when you have width and padding or borders
 *			- when a form field needs a full-width
 */
.bxs--brbx { box-sizing: border-box }
.bxs--ctbx { box-sizing: content-box }

	@media (max-width: 1280px) {
		.bxs--brbx-l { box-sizing: border-box }
		.bxs--ctbx-l { box-sizing: content-box }
	}

	@media (max-width: 840px) {
		.bxs--brbx-m { box-sizing: border-box }
		.bxs--ctbx-m { box-sizing: content-box }
	}

	@media (max-width: 400px) {
		.bxs--brbx-s { box-sizing: border-box }
		.bxs--ctbx-s { box-sizing: content-box }
	}


/*
 *	POSITION
 */

/*
 *	DISPLAY
 *	
 *	# Base
 *		d = display
 *
 *	# Modifiers
 *		--blk = block
 *		--fx = flex
 *		--ie = inline
 *		--ieblk = inline-block
 *		--iefx = inline-flex
 *		--ietbl = inline-table
 *		--n = none
 *		--tbl = table
 *		--tblcl = table-cell
 *		--tblrw = table-row
 *		--tblrwgrp = table-row-group
 *		--tblcol = table-column
 *		--tblcolgrp = table-column-group
 */
.d--blk { display: block }
.d--fx { display: flex }
.d--ie { display: inline }
.d--ieblk { display: inline-block }
.d--ietbl { display: inline-table }
.d--iefx { display: inline-flex }
.d--n { display: none }
.d--tbl { display: table }
.d--tblcl { display: table-cell }
.d--tblrw { display: table-row }
.d--tblrwgrp { display: table-row-group }
.d--tblcol { display: table-column }
.d--tblcolgrp { display: table-column-group }

	@media (max-width: 1280px) {
		.d--blk-l { display: block }
		.d--fx-l { display: flex }
		.d--ie-l { display: inline }
		.d--ieblk-l { display: inline-block }
		.d--ietbl-l { display: inline-table }
		.d--iefx-l { display: inline-flex }
		.d--n-l { display: none }
		.d--tbl-l { display: table }
		.d--tblcl-l { display: table-cell }
		.d--tblrw-l { display: table-row }
		.d--tblrwgrp-l { display: table-row-group }
		.d--tblcol-l { display: table-column }
		.d--tblcolgrp-l { display: table-column-group }
	}

	@media (max-width: 840px) {
		.d--blk-m { display: block }
		.d--fx-m { display: flex }
		.d--ie-m { display: inline }
		.d--ieblk-m { display: inline-block }
		.d--ietbl-m { display: inline-table }
		.d--iefx-m { display: inline-flex }
		.d--n-m { display: none }
		.d--tbl-m { display: table }
		.d--tblcl-m { display: table-cell }
		.d--tblrw-m { display: table-row }
		.d--tblrwgrp-m { display: table-row-group }
		.d--tblcol-m { display: table-column }
		.d--tblcolgrp-m { display: table-column-group }
	}

	@media (max-width: 400px) {
		.d--blk-s { display: block }
		.d--fx-s { display: flex }
		.d--ie-s { display: inline }
		.d--ieblk-s { display: inline-block }
		.d--ietbl-s { display: inline-table }
		.d--iefx-s { display: inline-flex }
		.d--n-s { display: none }
		.d--tbl-s { display: table }
		.d--tblcl-s { display: table-cell }
		.d--tblrw-s { display: table-row }
		.d--tblrwgrp-s { display: table-row-group }
		.d--tblcol-s { display: table-column }
		.d--tblcolgrp-s { display: table-column-group }
	}

/*
 *	POSITION
 *	
 *	# Base
 *		pos = position
 *
 *	# Modifiers
 *		--sta = static
 *		--rel = relative
 *		--abs = absolute
 *		--fix = fixed
 */
.pos--sta { position: static }
.pos--rel { position: relative }
.pos--abs { position: absolute }
.pos--fix { position: fixed }

	@media (max-width: 1280px) {
		.pos--sta-l { position: static }
		.pos--rel-l { position: relative }
		.pos--abs-l { position: absolute }
		.pos--fix-l { position: fixed }
	}

	@media (max-width: 840px) {
		.pos--sta-n { position: static }
		.pos--rel-n { position: relative }
		.pos--abs-n { position: absolute }
		.pos--fix-n { position: fixed }
	}

	@media (max-width: 400px) {
		.pos--sta-s { position: static }
		.pos--rel-s { position: relative }
		.pos--abs-s { position: absolute }
		.pos--fix-s { position: fixed }
	}

/*
 *	TOP
 *	
 *	# Base
 *		t = top
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 8px
 *		--2 = 16px
 *		--3 = 24px
 *		--4 = 32px
 *		--5 = 40px
 *		--6 = 48px
 *		--7 = 56px
 *		--8 = 64px
 *		--50p = 50%
 *		--100p = 100%
 *		--n1 = -8px
 *		--n2 = -16px
 *		--n3 = -24px
 *		--n4 = -32px
 *		--n5 = -40px
 *		--n6 = -48px
 *		--n7 = -56px
 *		--n8 = -64px
 */
.t--0 { top: 0 }
.t--1 { top: 8px }
.t--2 { top: 16px }
.t--3 { top: 24px }
.t--4 { top: 32px }
.t--5 { top: 40px }
.t--6 { top: 48px }
.t--7 { top: 56px }
.t--8 { top: 64px }
.t--50p { top: 50% }
.t--100p { top: 100% }
.t--n1 { top: -8px }
.t--n2 { top: -16px }
.t--n3 { top: -24px }
.t--n4 { top: -32px }
.t--n5 { top: -40px }
.t--n6 { top: -48px }
.t--n7 { top: -56px }
.t--n8 { top: -64px }

	@media (max-width: 1280px) {
		.t--0-l { top: 0 }
		.t--1-l { top: 8px }
		.t--2-l { top: 16px }
		.t--3-l { top: 24px }
		.t--4-l { top: 32px }
		.t--5-l { top: 40px }
		.t--6-l { top: 48px }
		.t--7-l { top: 56px }
		.t--8-l { top: 64px }
		.t--50p-l { top: 50% }
		.t--100p-l { top: 100% }
		.t--n1-l { top: -8px }
		.t--n2-l { top: -16px }
		.t--n3-l { top: -24px }
		.t--n4-l { top: -32px }
		.t--n5-l { top: -40px }
		.t--n6-l { top: -48px }
		.t--n7-l { top: -56px }
		.t--n8-l { top: -64px }
	}

	@media (max-width: 840px) {
		.t--0-m { top: 0 }
		.t--1-m { top: 8px }
		.t--2-m { top: 16px }
		.t--3-m { top: 24px }
		.t--4-m { top: 32px }
		.t--5-m { top: 40px }
		.t--6-m { top: 48px }
		.t--7-m { top: 56px }
		.t--8-m { top: 64px }
		.t--50p-m { top: 50% }
		.t--100p-m { top: 100% }
		.t--n1-m { top: -8px }
		.t--n2-m { top: -16px }
		.t--n3-m { top: -24px }
		.t--n4-m { top: -32px }
		.t--n5-m { top: -40px }
		.t--n6-m { top: -48px }
		.t--n7-m { top: -56px }
		.t--n8-m { top: -64px }
	}
	
	@media (max-width: 400px) {
		.t--0-s { top: 0 }
		.t--1-s { top: 8px }
		.t--2-s { top: 16px }
		.t--3-s { top: 24px }
		.t--4-s { top: 32px }
		.t--5-s { top: 40px }
		.t--6-s { top: 48px }
		.t--7-s { top: 56px }
		.t--8-s { top: 64px }
		.t--50p-s { top: 50% }
		.t--100p-s { top: 100% }
		.t--n1-s { top: -8px }
		.t--n2-s { top: -16px }
		.t--n3-s { top: -24px }
		.t--n4-s { top: -32px }
		.t--n5-s { top: -40px }
		.t--n6-s { top: -48px }
		.t--n7-s { top: -56px }
		.t--n8-s { top: -64px }
	}

/*
 *	RIGHT
 *	
 *	# Base
 *		r = right
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 8px
 *		--2 = 16px
 *		--3 = 24px
 *		--4 = 32px
 *		--5 = 40px
 *		--6 = 48px
 *		--7 = 56px
 *		--8 = 64px
 *		--50p = 50%
 *		--100p = 100%
 *		--n1 = -8px
 *		--n2 = -16px
 *		--n3 = -24px
 *		--n4 = -32px
 *		--n5 = -40px
 *		--n6 = -48px
 *		--n7 = -56px
 *		--n8 = -64px
 */
.r--0 { right: 0 }
.r--1 { right: 8px }
.r--2 { right: 16px }
.r--3 { right: 24px }
.r--4 { right: 32px }
.r--5 { right: 40px }
.r--6 { right: 48px }
.r--7 { right: 56px }
.r--8 { right: 64px }
.r--50p { right: 50% }
.r--100p { right: 100% }
.r--n1 { right: -8px }
.r--n2 { right: -16px }
.r--n3 { right: -24px }
.r--n4 { right: -32px }
.r--n5 { right: -40px }
.r--n6 { right: -48px }
.r--n7 { right: -56px }
.r--n8 { right: -64px }

	@media (max-width: 1280px) {
		.r--0-l { right: 0 }
		.r--1-l { right: 8px }
		.r--2-l { right: 16px }
		.r--3-l { right: 24px }
		.r--4-l { right: 32px }
		.r--5-l { right: 40px }
		.r--6-l { right: 48px }
		.r--7-l { right: 56px }
		.r--8-l { right: 64px }
		.r--50p-l { right: 50% }
		.r--100p-l { right: 100% }
		.r--n1-l { right: -8px }
		.r--n2-l { right: -16px }
		.r--n3-l { right: -24px }
		.r--n4-l { right: -32px }
		.r--n5-l { right: -40px }
		.r--n6-l { right: -48px }
		.r--n7-l { right: -56px }
		.r--n8-l { right: -64px }
	}

	@media (max-width: 840px) {
		.r--0-m { right: 0 }
		.r--1-m { right: 8px }
		.r--2-m { right: 16px }
		.r--3-m { right: 24px }
		.r--4-m { right: 32px }
		.r--5-m { right: 40px }
		.r--6-m { right: 48px }
		.r--7-m { right: 56px }
		.r--8-m { right: 64px }
		.r--50p-m { right: 50% }
		.r--100p-m { right: 100% }
		.r--n1-m { right: -8px }
		.r--n2-m { right: -16px }
		.r--n3-m { right: -24px }
		.r--n4-m { right: -32px }
		.r--n5-m { right: -40px }
		.r--n6-m { right: -48px }
		.r--n7-m { right: -56px }
		.r--n8-m { right: -64px }
	}
	
	@media (max-width: 400px) {
		.r--0-s { right: 0 }
		.r--1-s { right: 8px }
		.r--2-s { right: 16px }
		.r--3-s { right: 24px }
		.r--4-s { right: 32px }
		.r--5-s { right: 40px }
		.r--6-s { right: 48px }
		.r--7-s { right: 56px }
		.r--8-s { right: 64px }
		.r--50p-s { right: 50% }
		.r--100p-s { right: 100% }
		.r--n1-s { right: -8px }
		.r--n2-s { right: -16px }
		.r--n3-s { right: -24px }
		.r--n4-s { right: -32px }
		.r--n5-s { right: -40px }
		.r--n6-s { right: -48px }
		.r--n7-s { right: -56px }
		.r--n8-s { right: -64px }
	}

/*
 *	BOTTOM
 *	
 *	# Base
 *		b = bottom
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 8px
 *		--2 = 16px
 *		--3 = 24px
 *		--4 = 32px
 *		--5 = 40px
 *		--6 = 48px
 *		--7 = 56px
 *		--8 = 64px
 *		--50p = 50%
 *		--100p = 100%
 *		--n1 = -8px
 *		--n2 = -16px
 *		--n3 = -24px
 *		--n4 = -32px
 *		--n5 = -40px
 *		--n6 = -48px
 *		--n7 = -56px
 *		--n8 = -64px
 */
.b--0 { bottom: 0 }
.b--1 { bottom: 8px }
.b--2 { bottom: 16px }
.b--3 { bottom: 24px }
.b--4 { bottom: 32px }
.b--5 { bottom: 40px }
.b--6 { bottom: 48px }
.b--7 { bottom: 56px }
.b--8 { bottom: 64px }
.b--50p { bottom: 50% }
.b--100p { bottom: 100% }
.b--n1 { bottom: -8px }
.b--n2 { bottom: -16px }
.b--n3 { bottom: -24px }
.b--n4 { bottom: -32px }
.b--n5 { bottom: -40px }
.b--n6 { bottom: -48px }
.b--n7 { bottom: -56px }
.b--n8 { bottom: -64px }

	@media (max-width: 1280px) {
		.b--0-l { bottom: 0 }
		.b--1-l { bottom: 8px }
		.b--2-l { bottom: 16px }
		.b--3-l { bottom: 24px }
		.b--4-l { bottom: 32px }
		.b--5-l { bottom: 40px }
		.b--6-l { bottom: 48px }
		.b--7-l { bottom: 56px }
		.b--8-l { bottom: 64px }
		.b--50p-l { bottom: 50% }
		.b--100p-l { bottom: 100% }
		.b--n1-l { bottom: -8px }
		.b--n2-l { bottom: -16px }
		.b--n3-l { bottom: -24px }
		.b--n4-l { bottom: -32px }
		.b--n5-l { bottom: -40px }
		.b--n6-l { bottom: -48px }
		.b--n7-l { bottom: -56px }
		.b--n8-l { bottom: -64px }
	}

	@media (max-width: 840px) {
		.b--0-m { bottom: 0 }
		.b--1-m { bottom: 8px }
		.b--2-m { bottom: 16px }
		.b--3-m { bottom: 24px }
		.b--4-m { bottom: 32px }
		.b--5-m { bottom: 40px }
		.b--6-m { bottom: 48px }
		.b--7-m { bottom: 56px }
		.b--8-m { bottom: 64px }
		.b--50p-m { bottom: 50% }
		.b--100p-m { bottom: 100% }
		.b--n1-m { bottom: -8px }
		.b--n2-m { bottom: -16px }
		.b--n3-m { bottom: -24px }
		.b--n4-m { bottom: -32px }
		.b--n5-m { bottom: -40px }
		.b--n6-m { bottom: -48px }
		.b--n7-m { bottom: -56px }
		.b--n8-m { bottom: -64px }
	}

	@media (max-width: 400px) {
		.b--0-s { bottom: 0 }
		.b--1-s { bottom: 8px }
		.b--2-s { bottom: 16px }
		.b--3-s { bottom: 24px }
		.b--4-s { bottom: 32px }
		.b--5-s { bottom: 40px }
		.b--6-s { bottom: 48px }
		.b--7-s { bottom: 56px }
		.b--8-s { bottom: 64px }
		.b--50p-s { bottom: 50% }
		.b--100p-s { bottom: 100% }
		.b--n1-s { bottom: -8px }
		.b--n2-s { bottom: -16px }
		.b--n3-s { bottom: -24px }
		.b--n4-s { bottom: -32px }
		.b--n5-s { bottom: -40px }
		.b--n6-s { bottom: -48px }
		.b--n7-s { bottom: -56px }
		.b--n8-s { bottom: -64px }
	}

/*
 *	LEFT
 *	
 *	# Base
 *		l = left
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 8px
 *		--2 = 16px
 *		--3 = 24px
 *		--4 = 32px
 *		--5 = 40px
 *		--6 = 48px
 *		--7 = 56px
 *		--8 = 64px
 *		--50p = 50%
 *		--100p = 100%
 *		--n1 = -8px
 *		--n2 = -16px
 *		--n3 = -24px
 *		--n4 = -32px
 *		--n5 = -40px
 *		--n6 = -48px
 *		--n7 = -56px
 *		--n8 = -64px
 */
.l--0 { left: 0 }
.l--1 { left: 8px }
.l--2 { left: 16px }
.l--3 { left: 24px }
.l--4 { left: 32px }
.l--5 { left: 40px }
.l--6 { left: 48px }
.l--7 { left: 56px }
.l--8 { left: 64px }
.l--50p { left: 50% }
.l--100p { left: 100% }
.l--n1 { left: -8px }
.l--n2 { left: -16px }
.l--n3 { left: -24px }
.l--n4 { left: -32px }
.l--n5 { left: -40px }
.l--n6 { left: -48px }
.l--n7 { left: -56px }
.l--n8 { left: -64px }

	@media (max-width: 1280px) {
		.l--0-l { left: 0 }
		.l--1-l { left: 8px }
		.l--2-l { left: 16px }
		.l--3-l { left: 24px }
		.l--4-l { left: 32px }
		.l--5-l { left: 40px }
		.l--6-l { left: 48px }
		.l--7-l { left: 56px }
		.l--8-l { left: 64px }
		.l--50p-l { left: 50% }
		.l--100p-l { left: 100% }
		.l--n1-l { left: -8px }
		.l--n2-l { left: -16px }
		.l--n3-l { left: -24px }
		.l--n4-l { left: -32px }
		.l--n5-l { left: -40px }
		.l--n6-l { left: -48px }
		.l--n7-l { left: -56px }
		.l--n8-l { left: -64px }
	}

	@media (max-width: 840px) {
		.l--0-m { left: 0 }
		.l--1-m { left: 8px }
		.l--2-m { left: 16px }
		.l--3-m { left: 24px }
		.l--4-m { left: 32px }
		.l--5-m { left: 40px }
		.l--6-m { left: 48px }
		.l--7-m { left: 56px }
		.l--8-m { left: 64px }
		.l--50p-m { left: 50% }
		.l--100p-m { left: 100% }
		.l--n1-m { left: -8px }
		.l--n2-m { left: -16px }
		.l--n3-m { left: -24px }
		.l--n4-m { left: -32px }
		.l--n5-m { left: -40px }
		.l--n6-m { left: -48px }
		.l--n7-m { left: -56px }
		.l--n8-m { left: -64px }
	}
	
	@media (max-width: 400px) {
		.l--0-s { left: 0 }
		.l--1-s { left: 8px }
		.l--2-s { left: 16px }
		.l--3-s { left: 24px }
		.l--4-s { left: 32px }
		.l--5-s { left: 40px }
		.l--6-s { left: 48px }
		.l--7-s { left: 56px }
		.l--8-s { left: 64px }
		.l--50p-s { left: 50% }
		.l--100p-s { left: 100% }
		.l--n1-s { left: -8px }
		.l--n2-s { left: -16px }
		.l--n3-s { left: -24px }
		.l--n4-s { left: -32px }
		.l--n5-s { left: -40px }
		.l--n6-s { left: -48px }
		.l--n7-s { left: -56px }
		.l--n8-s { left: -64px }
	}


/*
 *	FLOAT
 */

/*
 *	FLOAT
 *	
 *	# Base
 *		f = float
 *
 *	# Modifiers
 *		--r = right
 *		--l = left
 *		--n = none
 */
.f--r { float: right }
.f--l { float: left }
.f--n { float: none }

	@media (max-width: 1280px) {
		.f--r-l { float: right }
		.f--l-l { float: left }
		.f--n-l { float: none }
	}

	@media (max-width: 840px) {
		.f--r-m { float: right }
		.f--l-m { float: left }
		.f--n-m { float: none }
	}

	@media (max-width: 400px) {
		.f--r-s { float: right }
		.f--l-s { float: left }
		.f--n-s { float: none }
	}

/*
 *	CLEAR
 *	
 *	# Base
 *		clr = clear
 *
 *	# Modifiers
 *		--r = right
 *		--l = left
 *		--bh = both
 *		--n = none
 */
.clr--r { clear: right }
.clr--l { clear: left }
.clr--bh { clear: both }
.clr--n { clear: none }

	@media (max-width: 1280px) {
		.clr--r-l { clear: right }
		.clr--l-l { clear: left }
		.clr--bh-l { clear: both }
		.clr--n-l { clear: none }
	}	

	@media (max-width: 840px) {
		.clr--r-m { clear: right }
		.clr--l-m { clear: left }
		.clr--bh-m { clear: both }
		.clr--n-m { clear: none }
	}

	@media (max-width: 400px) {
		.clr--r-s { clear: right }
		.clr--l-s { clear: left }
		.clr--bh-s { clear: both }
		.clr--n-s { clear: none }
	}


/*
 *	JUSTIFY-CONTENT
 */

/*
 *	JUSTIFY-CONTENT
 *	
 *	# Base
 *		jct = justify-content
 *
 *	# Modifiers
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--spard = space-around
 *		--spbtw = space-between
 */
.jct--ctr { justify-content: center }
.jct--fxe { justify-content: flex-end }
.jct--fxst { justify-content: flex-start }
.jct--spard { justify-content: space-around }
.jct--spbtw { justify-content: space-between }

	@media (max-width: 1280px) {
		.jct--ctr-l { justify-content: center }
		.jct--fxe-l { justify-content: flex-end }
		.jct--fxst-l { justify-content: flex-start }
		.jct--spard-l { justify-content: space-around }
		.jct--spbtw-l { justify-content: space-between }
	}

	@media (max-width: 840px) {
		.jct--ctr-m { justify-content: center }
		.jct--fxe-m { justify-content: flex-end }
		.jct--fxst-m { justify-content: flex-start }
		.jct--spard-m { justify-content: space-around }
		.jct--spbtw-m { justify-content: space-between }
	}

	@media (max-width: 400px) {
		.jct--ctr-s { justify-content: center }
		.jct--fxe-s { justify-content: flex-end }
		.jct--fxst-s { justify-content: flex-start }
		.jct--spard-s { justify-content: space-around }
		.jct--spbtw-s { justify-content: space-between }
	}

/*
 *	JUSTIFY-ITEMS
 *	
 *	# Base
 *		jis = justify-items
 *
 *	# Modifiers
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--sfst = self-start
 *		--sfe = self-end
 *		--str = stretch
 */
.jis--ctr { justify-items: center }
.jis--fxe { justify-items: flex-end }
.jis--fxst { justify-items: flex-start }
.jis--sfst { justify-items: self-start }
.jis--sfe { justify-items: self-end }
.jis--str { justify-items: stretch }

	@media (max-width: 1280px) {
		.jis--ctr-l { justify-items: center }
		.jis--fxe-l { justify-items: flex-end }
		.jis--fxst-l { justify-items: flex-start }
		.jis--sfst-l { justify-items: self-start }
		.jis--sfe-l { justify-items: self-end }
		.jis--str-l { justify-items: stretch }
	}

	@media (max-width: 840px) {
		.jis--ctr-m { justify-items: center }
		.jis--fxe-m { justify-items: flex-end }
		.jis--fxst-m { justify-items: flex-start }
		.jis--sfst-m { justify-items: self-start }
		.jis--sfe-m { justify-items: self-end }
		.jis--str-m { justify-items: stretch }
	}

	@media (max-width: 400px) {
		.jis--ctr-s { justify-items: center }
		.jis--fxe-s { justify-items: flex-end }
		.jis--fxst-s { justify-items: flex-start }
		.jis--sfst-s { justify-items: self-start }
		.jis--sfe-s { justify-items: self-end }
		.jis--str-s { justify-items: stretch }
	}

/*
 *	JUSTIFY-SELF
 *	
 *	# Base
 *		jsf = justify-self
 *
 *	# Modifiers
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--sfst = self-start
 *		--sfe = self-end
 */
.jsf--ctr { justify-self: center }
.jsf--fxe { justify-self: flex-end }
.jsf--fxst { justify-self: flex-start }
.jsf--sfst { justify-self: self-start }
.jsf--sfe { justify-self: self-end }
	
	@media (max-width: 1280px) {
		.jsf--ctr-l { justify-self: center }
		.jsf--fxe-l { justify-self: flex-end }
		.jsf--fxst-l { justify-self: flex-start }
		.jsf--sfst-l { justify-self: self-start }
		.jsf--sfe-l { justify-self: self-end }
	}

	@media (max-width: 840px) {
		.jsf--ctr-m { justify-self: center }
		.jsf--fxe-m { justify-self: flex-end }
		.jsf--fxst-m { justify-self: flex-start }
		.jsf--sfst-m { justify-self: self-start }
		.jsf--sfe-m { justify-self: self-end }
	}

	@media (max-width: 400px) {
		.jsf--ctr-s { justify-self: center }
		.jsf--fxe-s { justify-self: flex-end }
		.jsf--fxst-s { justify-self: flex-start }
		.jsf--sfst-s { justify-self: self-start }
		.jsf--sfe-s { justify-self: self-end }
	}


/*
 *	ALIGN-CONTENT
 */	

/*
 *	ALIGN-CONTENT
 *	
 *	# Base
 *		anct = align-content
 *
 *	# Modifiers
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--spard = space-around
 *		--spbtw = space-between
 */
.anct--ctr { align-content: center }
.anct--fxe { align-content: flex-end }
.anct--fxst { align-content: flex-start }
.anct--spard { align-content: space-around }
.anct--spbtw { align-content: space-between }

	@media (max-width: 1280px) {
		.anct--ctr-l { align-content: center }
		.anct--fxe-l { align-content: flex-end }
		.anct--fxst-l { align-content: flex-start }
		.anct--spard-l { align-content: space-around }
		.anct--spbtw-l { align-content: space-between }
	}

	@media (max-width: 840px) {
		.anct--ctr-m { align-content: center }
		.anct--fxe-m { align-content: flex-end }
		.anct--fxst-m { align-content: flex-start }
		.anct--spard-m { align-content: space-around }
		.anct--spbtw-m { align-content: space-between }
	}
	
	@media (max-width: 400px) {
		.anct--ctr-s { align-content: center }
		.anct--fxe-s { align-content: flex-end }
		.anct--fxst-s { align-content: flex-start }
		.anct--spard-s { align-content: space-around }
		.anct--spbtw-s { align-content: space-between }
	}

/*
 *	ALIGN-ITEMS
 *	
 *	# Base
 *		anis = align-items
 *
 *	# Modifiers
 *		--bln = baseline
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--str = stretch
 */
.anis--bln { align-items: baseline }
.anis--ctr { align-items: center }
.anis--fxe { align-items: flex-end }
.anis--fxst { align-items: flex-start }
.anis--str { align-items: stretch }

	@media (max-width: 1280px) {
		.anis--bln-l { align-items: baseline }
		.anis--ctr-l { align-items: center }
		.anis--fxe-l { align-items: flex-end }
		.anis--fxst-l { align-items: flex-start }
		.anis--str-l { align-items: stretch }
	}

	@media (max-width: 840px) {
		.anis--bln-m { align-items: baseline }
		.anis--ctr-m { align-items: center }
		.anis--fxe-m { align-items: flex-end }
		.anis--fxst-m { align-items: flex-start }
		.anis--str-m { align-items: stretch }
	}

	@media (max-width: 400px) {
		.anis--bln-s { align-items: baseline }
		.anis--ctr-s { align-items: center }
		.anis--fxe-s { align-items: flex-end }
		.anis--fxst-s { align-items: flex-start }
		.anis--str-s { align-items: stretch }
	}

/*
 *	ALIGN-SELF
 *	
 *	# Base
 *		ansf = align-self
 *
 *	# Modifiers
 *		--a = auto
 *		--ctr = center
 *		--fxe = flex-end
 *		--fxst = flex-start
 *		--str = stretch
 */
.ansf--a { align-self: auto }
.ansf--ctr { align-self: center }
.ansf--fxe { align-self: flex-end }
.ansf--fxst { align-self: flex-start }
.ansf--str { align-self: stretch }

	@media (max-width: 1280px) {
		.ansf--a-l { align-self: auto }
		.ansf--ctr-l { align-self: center }
		.ansf--fxe-l { align-self: flex-end }
		.ansf--fxst-l { align-self: flex-start }
		.ansf--str-l { align-self: stretch }
	}

	@media (max-width: 840px) {
		.ansf--a-m { align-self: auto }
		.ansf--ctr-m { align-self: center }
		.ansf--fxe-m { align-self: flex-end }
		.ansf--fxst-m { align-self: flex-start }
		.ansf--str-m { align-self: stretch }
	}

	@media (max-width: 400px) {
		.ansf--a-s { align-self: auto }
		.ansf--ctr-s { align-self: center }
		.ansf--fxe-s { align-self: flex-end }
		.ansf--fxst-s { align-self: flex-start }
		.ansf--str-s { align-self: stretch }
	}


/*
 *	FLEX
 */

/*
 *	FLEX
 *	
 *	# Base
 *		fx = flex (horthand for flex-grow, flex-shrink, and flex-basis)
 *
 *	# Modifiers
 *		--1 = 1 | this is equivalent to setting "flex: 1 1 0%"
 *		--a = auto | this is equivalent to setting "flex: 1 1 auto"
 *		--ini = initial | this is equivalent to setting "flex: 0 1 auto"
 *		--n = none | this is equivalent to setting "flex: 0 0 auto"
 *
 *	# Note
 *		See why 0% at https://github.com/philipwalton/flexbugs#flexbug-4
 */
.fx--1 { flex: 1 1 0% }
.fx--a { flex: 1 1 auto }
.fx--ini { flex: 0 1 auto }
.fx--n { flex: 0 0 auto }

	@media (max-width: 1280px) {
		.fx--1-l { flex: 1 1 0% }
		.fx--a-l { flex: 1 1 auto }
		.fx--ini-l { flex: 0 1 auto }
		.fx--n-l { flex: 0 0 auto }
	}	

	@media (max-width: 840px) {
		.fx--1-m { flex: 1 1 0% }
		.fx--a-m { flex: 1 1 auto }
		.fx--ini-m { flex: 0 1 auto }
		.fx--n-m { flex: 0 0 auto }
	}
	
	@media (max-width: 400px) {
		.fx--1-s { flex: 1 1 0% }
		.fx--a-s { flex: 1 1 auto }
		.fx--ini-s { flex: 0 1 auto }
		.fx--n-s { flex: 0 0 auto }
	}

/*
 *	FLEX BASIS
 *	
 *	# Base
 *		fxbs = flex-basis
 *
 *	# Modifiers
 *		--0 = 0%
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--10p = 10%
 *		--20p = 20%
 *		--25p = 25%
 *		--30p = 30%
 *		--33p = 33.33333%
 *		--40p = 40%
 *		--50p = 50%
 *		--60p = 60%
 *		--66p = 66.66667%
 *		--70p = 70%
 *		--75p = 75%
 *		--80p = 80%
 *		--90p = 90%
 *		--100p = 100%
 *		--a = auto
 *
 *	# Note
 *		See why 0% at https://github.com/philipwalton/flexbugs#flexbug-4
 */
.fxbs--0 { flex-basis: 0% }
.fxbs--1 { flex-basis: 1px }
.fxbs--2 { flex-basis: 8px }
.fxbs--3 { flex-basis: 16px }
.fxbs--4 { flex-basis: 32px }
.fxbs--5 { flex-basis: 64px }
.fxbs--6 { flex-basis: 128px }
.fxbs--7 { flex-basis: 256px }
.fxbs--8 { flex-basis: 512px }
.fxbs--10p { flex-basis: 10% }
.fxbs--20p { flex-basis: 20% }
.fxbs--25p { flex-basis: 25% }
.fxbs--30p { flex-basis: 30% }
.fxbs--33p { flex-basis: 33.33333% }
.fxbs--40p { flex-basis: 40% }
.fxbs--50p { flex-basis: 50% }
.fxbs--60p { flex-basis: 60% }
.fxbs--66p { flex-basis: 66.66667% }
.fxbs--70p { flex-basis: 70% }
.fxbs--75p { flex-basis: 75% }
.fxbs--80p { flex-basis: 80% }
.fxbs--90p { flex-basis: 90% }
.fxbs--100p { flex-basis: 100% }
.fxbs--a { flex-basis: auto }

	@media (max-width: 1280px) {
		.fxbs--0-l { flex-basis: 0% }
		.fxbs--1-l { flex-basis: 1px }
		.fxbs--2-l { flex-basis: 8px }
		.fxbs--3-l { flex-basis: 16px }
		.fxbs--4-l { flex-basis: 32px }
		.fxbs--5-l { flex-basis: 64px }
		.fxbs--6-l { flex-basis: 128px }
		.fxbs--7-l { flex-basis: 256px }
		.fxbs--8-l { flex-basis: 512px }
		.fxbs--10p-l { flex-basis: 10% }
		.fxbs--20p-l { flex-basis: 20% }
		.fxbs--25p-l { flex-basis: 25% }
		.fxbs--30p-l { flex-basis: 30% }
		.fxbs--33p-l { flex-basis: 33.33333% }
		.fxbs--40p-l { flex-basis: 40% }
		.fxbs--50p-l { flex-basis: 50% }
		.fxbs--60p-l { flex-basis: 60% }
		.fxbs--66p-l { flex-basis: 66.66667% }
		.fxbs--70p-l { flex-basis: 70% }
		.fxbs--75p-l { flex-basis: 75% }
		.fxbs--80p-l { flex-basis: 80% }
		.fxbs--90p-l { flex-basis: 90% }
		.fxbs--100p-l { flex-basis: 100% }
		.fxbs--a-l { flex-basis: auto }
	}

	@media (max-width: 840px) {
		.fxbs--0-m { flex-basis: 0% }
		.fxbs--1-m { flex-basis: 1px }
		.fxbs--2-m { flex-basis: 8px }
		.fxbs--3-m { flex-basis: 16px }
		.fxbs--4-m { flex-basis: 32px }
		.fxbs--5-m { flex-basis: 64px }
		.fxbs--6-m { flex-basis: 128px }
		.fxbs--7-m { flex-basis: 256px }
		.fxbs--8-m { flex-basis: 512px }
		.fxbs--10p-m { flex-basis: 10% }
		.fxbs--20p-m { flex-basis: 20% }
		.fxbs--25p-m { flex-basis: 25% }
		.fxbs--30p-m { flex-basis: 30% }
		.fxbs--33p-m { flex-basis: 33.33333% }
		.fxbs--40p-m { flex-basis: 40% }
		.fxbs--50p-m { flex-basis: 50% }
		.fxbs--60p-m { flex-basis: 60% }
		.fxbs--66p-m { flex-basis: 66.66667% }
		.fxbs--70p-m { flex-basis: 70% }
		.fxbs--75p-m { flex-basis: 75% }
		.fxbs--80p-m { flex-basis: 80% }
		.fxbs--90p-m { flex-basis: 90% }
		.fxbs--100p-m { flex-basis: 100% }
		.fxbs--a-m { flex-basis: auto }
	}
	
	@media (max-width: 400px) {
		.fxbs--0-s { flex-basis: 0% }
		.fxbs--1-s { flex-basis: 1px }
		.fxbs--2-s { flex-basis: 8px }
		.fxbs--3-s { flex-basis: 16px }
		.fxbs--4-s { flex-basis: 32px }
		.fxbs--5-s { flex-basis: 64px }
		.fxbs--6-s { flex-basis: 128px }
		.fxbs--7-s { flex-basis: 256px }
		.fxbs--8-s { flex-basis: 512px }
		.fxbs--10p-s { flex-basis: 10% }
		.fxbs--20p-s { flex-basis: 20% }
		.fxbs--25p-s { flex-basis: 25% }
		.fxbs--30p-s { flex-basis: 30% }
		.fxbs--33p-s { flex-basis: 33.33333% }
		.fxbs--40p-s { flex-basis: 40% }
		.fxbs--50p-s { flex-basis: 50% }
		.fxbs--60p-s { flex-basis: 60% }
		.fxbs--66p-s { flex-basis: 66.66667% }
		.fxbs--70p-s { flex-basis: 70% }
		.fxbs--75p-s { flex-basis: 75% }
		.fxbs--80p-s { flex-basis: 80% }
		.fxbs--90p-s { flex-basis: 90% }
		.fxbs--100p-s { flex-basis: 100% }
		.fxbs--a-s { flex-basis: auto }
	}

/*
 *	FLEX-DIRECTION
 *	
 *	# Base
 *		fxdn = flex-direction
 *
 *	# Modifiers
 *		--rw = row
 *		--rwrvs = row-reverse
 *		--col = column
 *		--colrvs = column-reverse
 */
.fxdn--rw { flex-direction: row }
.fxdn--rwrvs { flex-direction: row-reverse }
.fxdn--col { flex-direction: column }
.fxdn--colrvs { flex-direction: column-reverse }

	@media (max-width: 1280px) {
		.fxdn--rw-l { flex-direction: row }
		.fxdn--rwrvs-l { flex-direction: row-reverse }
		.fxdn--col-l { flex-direction: column }
		.fxdn--colrvs-l { flex-direction: column-reverse }
	}

	@media (max-width: 840px) {
		.fxdn--rw-m { flex-direction: row }
		.fxdn--rwrvs-m { flex-direction: row-reverse }
		.fxdn--col-m { flex-direction: column }
		.fxdn--colrvs-m { flex-direction: column-reverse }
	}

	@media (max-width: 400px) {
		.fxdn--rw-s { flex-direction: row }
		.fxdn--rwrvs-s { flex-direction: row-reverse }
		.fxdn--col-s { flex-direction: column }
		.fxdn--colrvs-s { flex-direction: column-reverse }
	}

/*
 *	FLEX-FLOW
 *	
 *	# Base
 *		fxfw = flex-flow (shorthand for flex-direction and flex-wrap properties)
 *
 *	# Modifiers
 *		--rwwp = row wrap
 *		--rwrvsn = row-reverse nowrap
 *		--colwprvs = column wrap-reverse
 *		--colwp = column wrap
 */
.fxfw--rwwp { flex-flow: row wrap }
.fxfw--rwrvsn { flex-flow: row-reverse nowrap }
.fxfw--colwprvs { flex-flow: column wrap-reverse }
.fxfw--colwp { flex-flow: column wrap }

	@media (max-width: 1280px) {
		.fxfw--rwwp-l { flex-flow: row wrap }
		.fxfw--rwrvsn-l { flex-flow: row-reverse nowrap }
		.fxfw--colwprvs-l { flex-flow: column wrap-reverse }
		.fxfw--colwp-l { flex-flow: column wrap }
	}	

	@media (max-width: 840px) {
		.fxfw--rwwp-m { flex-flow: row wrap }
		.fxfw--rwrvsn-m { flex-flow: row-reverse nowrap }
		.fxfw--colwprvs-m { flex-flow: column wrap-reverse }
		.fxfw--colwp-m { flex-flow: column wrap }
	}

	@media (max-width: 400px) {
		.fxfw--rwwp-s { flex-flow: row wrap }
		.fxfw--rwrvsn-s { flex-flow: row-reverse nowrap }
		.fxfw--colwprvs-s { flex-flow: column wrap-reverse }
		.fxfw--colwp-s { flex-flow: column wrap }
	}

/*
 *	FLEX-GROW
 *	
 *	# Base
 *		fxgw = flex-grow
 *
 *	# Modifiers
 *		--0 = no grow
 *		--1 = grow
 */
.fxgw--0 { flex-grow: 0 }
.fxgw--1 { flex-grow: 1 }

	@media (max-width: 1280px) {
		.fxgw--0-l { flex-grow: 0 }
		.fxgw--1-l { flex-grow: 1 }
	}
	
	@media (max-width: 840px) {
		.fxgw--0-m { flex-grow: 0 }
		.fxgw--1-m { flex-grow: 1 }
	}
	
	@media (max-width: 400px) {
		.fxgw--0-s { flex-grow: 0 }
		.fxgw--1-s { flex-grow: 1 }
	}

/*
 *	FLEX-SHRINK
 *	
 *	# Base
 *		fxsk = flex-shrink
 *
 *	# Modifiers
 *		--0 = no shrink
 *		--1 = shrink
 */
.fxsk--0 { flex-shrink: 0 }
.fxsk--1 { flex-shrink: 1 }

	@media (max-width: 1280px) {
		.fxsk--0-l { flex-shrink: 0 }
		.fxsk--1-l { flex-shrink: 1 }
	}

	@media (max-width: 840px) {
		.fxsk--0-m { flex-shrink: 0 }
		.fxsk--1-m { flex-shrink: 1 }
	}
	
	@media (max-width: 400px) {
		.fxsk--0-s { flex-shrink: 0 }
		.fxsk--1-s { flex-shrink: 1 }
	}

/*
 *	FLEX-WRAP
 *	
 *	# Base
 *		fxwp = flex-wrap
 *
 *	# Modifiers
 *		--n = nowrap
 *		--wp = wrap
 *		--wprvs = wrap-reverse
 */
.fxwp--n { flex-wrap: nowrap }
.fxwp--wp { flex-wrap: wrap }
.fxwp--wprvs { flex-wrap: wrap-reverse }

	@media (max-width: 1280px) {
		.fxwp--n-l { flex-wrap: nowrap }
		.fxwp--wp-l { flex-wrap: wrap }
		.fxwp--wprvs-l { flex-wrap: wrap-reverse }
	}

	@media (max-width: 840px) {
		.fxwp--n-m { flex-wrap: nowrap }
		.fxwp--wp-m { flex-wrap: wrap }
		.fxwp--wprvs-m { flex-wrap: wrap-reverse }
	}

	@media (max-width: 400px) {
		.fxwp--n-s { flex-wrap: nowrap }
		.fxwp--wp-s { flex-wrap: wrap }
		.fxwp--wprvs-s { flex-wrap: wrap-reverse }
	}


/*
 *	TRANSITIONS
 */

/*
 *	TRANSITION-PROPERTY
 *	
 *	# Base
 *		tnprop = transition-property
 *
 *	# Modifiers
 *		--o = opacity
 *		--mr = margin-right
 *		--ml = margin-left
 *		--bgc = background-color
 *		--w = width
 *		--h = height
 *		--c = color
 *
 *	# Note
 *		Just some common CSS animated properties here.
 */
.tnprop--o { transition-property: opacity }
.tnprop--mr { transition-property: margin-right }
.tnprop--ml { transition-property: margin-left }
.tnprop--bgc { transition-property: background-color }
.tnprop--w { transition-property: width }
.tnprop--h { transition-property: height }
.tnprop--c { transition-property: color }

	@media (max-width: 1280px) {
		.tnprop--o-l { transition-property: opacity }
		.tnprop--mr-l { transition-property: margin-right }
		.tnprop--ml-l { transition-property: margin-left }
		.tnprop--bgc-l { transition-property: background-color }
		.tnprop--w-l { transition-property: width }
		.tnprop--h-l { transition-property: height }
		.tnprop--c-l { transition-property: color }
	}

	@media (max-width: 840px) {
		.tnprop--o-m { transition-property: opacity }
		.tnprop--mr-m { transition-property: margin-right }
		.tnprop--ml-m { transition-property: margin-left }
		.tnprop--bgc-m { transition-property: background-color }
		.tnprop--w-m { transition-property: width }
		.tnprop--h-m { transition-property: height }
		.tnprop--c-m { transition-property: color }
	}

	@media (max-width: 400px) {
		.tnprop--o-s { transition-property: opacity }
		.tnprop--mr-s { transition-property: margin-right }
		.tnprop--ml-s { transition-property: margin-left }
		.tnprop--bgc-s { transition-property: background-color }
		.tnprop--w-s { transition-property: width }
		.tnprop--h-s { transition-property: height }
		.tnprop--c-s { transition-property: color }
	}

/*	
 *	TRANSITION-DURATION
 *	
 *	# Base
 *		tndu = transition-duration
 *
 *	# Modifiers
 *		--0 = time value of 0s
 *		--1 = time value of 100ms 
 *		--2 = time value of 200ms 
 *		--3 = time value of 400ms 
 *		--4 = time value of 800ms 
 *		--5 = time value of 1200ms
 *		--6 = time value of 1600ms
 *		--7 = time value of 2000ms
 *		--8	= time value of 2400ms
 */
.tndu--0 { transition-duration: 0s }
.tndu--1 { transition-duration: 100ms }
.tndu--2 { transition-duration: 200ms }
.tndu--3 { transition-duration: 400ms }
.tndu--4 { transition-duration: 800ms }
.tndu--5 { transition-duration: 1200ms }
.tndu--6 { transition-duration: 1600ms }
.tndu--7 { transition-duration: 2000ms }
.tndu--8 { transition-duration: 2400ms }

	@media (max-width: 1280px) {
		.tndu--0-l { transition-duration: 0s }
		.tndu--1-l { transition-duration: 100ms }
		.tndu--2-l { transition-duration: 200ms }
		.tndu--3-l { transition-duration: 400ms }
		.tndu--4-l { transition-duration: 800ms }
		.tndu--5-l { transition-duration: 1200ms }
		.tndu--6-l { transition-duration: 1600ms }
		.tndu--7-l { transition-duration: 2000ms }
		.tndu--8-l { transition-duration: 2400ms }
	}

	@media (max-width: 840px) {
		.tndu--0-m { transition-duration: 0s }
		.tndu--1-m { transition-duration: 100ms }
		.tndu--2-m { transition-duration: 200ms }
		.tndu--3-m { transition-duration: 400ms }
		.tndu--4-m { transition-duration: 800ms }
		.tndu--5-m { transition-duration: 1200ms }
		.tndu--6-m { transition-duration: 1600ms }
		.tndu--7-m { transition-duration: 2000ms }
		.tndu--8-m { transition-duration: 2400ms }
	}

	@media (max-width: 400px) {
		.tndu--0-s { transition-duration: 0s }
		.tndu--1-s { transition-duration: 100ms }
		.tndu--2-s { transition-duration: 200ms }
		.tndu--3-s { transition-duration: 400ms }
		.tndu--4-s { transition-duration: 800ms }
		.tndu--5-s { transition-duration: 1200ms }
		.tndu--6-s { transition-duration: 1600ms }
		.tndu--7-s { transition-duration: 2000ms }
		.tndu--8-s { transition-duration: 2400ms }
	}

/*
 *	TRANSITION-TIMING-FUNCTION
 *	
 *	# Base
 *		tntgfn = transition-timing-function
 *
 *	# Modifiers
 *		--e = ease
 *		--ein = ease-in
 *		--eot = ease-out
 *		--einot = ease-in-out
 *		--lnr = linear
 */
.tntgfn--e { transition-timing-function: ease }
.tntgfn--ein { transition-timing-function: ease-in }
.tntgfn--eot { transition-timing-function: ease-out }
.tntgfn--einot { transition-timing-function: ease-in-out }
.tntgfn--lnr { transition-timing-function: linear }

	@media (max-width: 1280px) {
		.tntgfn--e-l { transition-timing-function: ease }
		.tntgfn--ein-l { transition-timing-function: ease-in }
		.tntgfn--eot-l { transition-timing-function: ease-out }
		.tntgfn--einot-l { transition-timing-function: ease-in-out }
		.tntgfn--lnr-l { transition-timing-function: linear }
	}

	@media (max-width: 840px) {
		.tntgfn--e-m { transition-timing-function: ease }
		.tntgfn--ein-m { transition-timing-function: ease-in }
		.tntgfn--eot-m { transition-timing-function: ease-out }
		.tntgfn--einot-m { transition-timing-function: ease-in-out }
		.tntgfn--lnr-m { transition-timing-function: linear }
	}

	@media (max-width: 400px) {
		.tntgfn--e-s { transition-timing-function: ease }
		.tntgfn--ein-s { transition-timing-function: ease-in }
		.tntgfn--eot-s { transition-timing-function: ease-out }
		.tntgfn--einot-s { transition-timing-function: ease-in-out }
		.tntgfn--lnr-s { transition-timing-function: linear }
	}

/*
 *	TRANSITION-DELAY
 *	
 *	# Base
 *		tndy = transition-delay
 *
 *	# Modifiers
 *		--0 = time value of 0s
 *		--1 = time value of 100ms 
 *		--2 = time value of 200ms 
 *		--3 = time value of 400ms 
 *		--4 = time value of 800ms 
 *		--5 = time value of 1200ms
 *		--6 = time value of 1600ms
 *		--7 = time value of 2000ms
 *		--8	= time value of 2400ms
 */
.tndy--0 { transition-delay: 0s }
.tndy--1 { transition-delay: 100ms }
.tndy--2 { transition-delay: 200ms }
.tndy--3 { transition-delay: 400ms }
.tndy--4 { transition-delay: 800ms }
.tndy--5 { transition-delay: 1200ms }
.tndy--6 { transition-delay: 1600ms }
.tndy--7 { transition-delay: 2000ms }
.tndy--8 { transition-delay: 2400ms }

	@media (max-width: 1280px) {
		.tndy--0-l { transition-delay: 0s }
		.tndy--1-l { transition-delay: 100ms }
		.tndy--2-l { transition-delay: 200ms }
		.tndy--3-l { transition-delay: 400ms }
		.tndy--4-l { transition-delay: 800ms }
		.tndy--5-l { transition-delay: 1200ms }
		.tndy--6-l { transition-delay: 1600ms }
		.tndy--7-l { transition-delay: 2000ms }
		.tndy--8-l { transition-delay: 2400ms }
	}

	@media (max-width: 840px) {
		.tndy--0-m { transition-delay: 0s }
		.tndy--1-m { transition-delay: 100ms }
		.tndy--2-m { transition-delay: 200ms }
		.tndy--3-m { transition-delay: 400ms }
		.tndy--4-m { transition-delay: 800ms }
		.tndy--5-m { transition-delay: 1200ms }
		.tndy--6-m { transition-delay: 1600ms }
		.tndy--7-m { transition-delay: 2000ms }
		.tndy--8-m { transition-delay: 2400ms }
	}

	@media (max-width: 400px) {
		.tndy--0-s { transition-delay: 0s }
		.tndy--1-s { transition-delay: 100ms }
		.tndy--2-s { transition-delay: 200ms }
		.tndy--3-s { transition-delay: 400ms }
		.tndy--4-s { transition-delay: 800ms }
		.tndy--5-s { transition-delay: 1200ms }
		.tndy--6-s { transition-delay: 1600ms }
		.tndy--7-s { transition-delay: 2000ms }
		.tndy--8-s { transition-delay: 2400ms }
	}


/*
 *	ORDER
 */

/*
 *	ORDER
 *	
 *	# Base
 *		or = order
 *
 *	# Modifiers
 *		--0 = ordinal value of 0
 *		--1 = ordinal value of 1
 *		--2 = ordinal value of 2
 *		--3 = ordinal value of 3
 *		--4 = ordinal value of 4
 *		--5 = ordinal value of 5
 *		--6 = ordinal value of 6
 *		--7 = ordinal value of 7
 *		--8	= ordinal value of 8
 *
 *	# Note
 *		https://developer.mozilla.org/en-US/docs/Web/CSS/order#Accessibility_concerns
 */
.or--0 { order: 0 }
.or--1 { order: 1 }
.or--2 { order: 2 }
.or--3 { order: 3 }
.or--4 { order: 4 }
.or--5 { order: 5 }
.or--6 { order: 6 }
.or--7 { order: 7 }
.or--8 { order: 8 }

	@media (max-width: 1280px) {
		.or--0-l { order: 0 }
		.or--1-l { order: 1 }
		.or--2-l { order: 2 }
		.or--3-l { order: 3 }
		.or--4-l { order: 4 }
		.or--5-l { order: 5 }
		.or--6-l { order: 6 }
		.or--7-l { order: 7 }
		.or--8-l { order: 8 }
	}

	@media (max-width: 840px) {
		.or--0-m { order: 0 }
		.or--1-m { order: 1 }
		.or--2-m { order: 2 }
		.or--3-m { order: 3 }
		.or--4-m { order: 4 }
		.or--5-m { order: 5 }
		.or--6-m { order: 6 }
		.or--7-m { order: 7 }
		.or--8-m { order: 8 }
	}

	@media (max-width: 400px) {
		.or--0-s { order: 0 }
		.or--1-s { order: 1 }
		.or--2-s { order: 2 }
		.or--3-s { order: 3 }
		.or--4-s { order: 4 }
		.or--5-s { order: 5 }
		.or--6-s { order: 6 }
		.or--7-s { order: 7 }
		.or--8-s { order: 8 }
	}


/*
 *	VISIBILITY
 */

/*
 *	VISIBILITY
 *	
 *	# Base
 *		v = visibility
 *
 *	# Modifiers
 *		--hid = hidden
 *		--v = visible
 *		--i = inherit
 */
.v--hid { visibility: hidden }
.v--v { visibility: visible }
.v--i { visibility: inherit }
	
	@media (max-width: 1280px) {
		.v--hid-l { visibility: hidden }
		.v--v-l { visibility: visible }
		.v--i-l { visibility: inherit }
	}

	@media (max-width: 840px) {
		.v--hid-m { visibility: hidden }
		.v--v-m { visibility: visible }
		.v--i-m { visibility: inherit }
	}

	@media (max-width: 400px) {
		.v--hid-s { visibility: hidden }
		.v--v-s { visibility: visible }
		.v--i-s { visibility: inherit }
	}

/*
 *	OPACITY
 *	
 *	# Base
 *		o = opacity
 *
 *	# Modifiers
 *		--0 = cardinal value of 0
 *		--1 = cardinal value of .1
 *		--2 = cardinal value of .2
 *		--3 = cardinal value of .3
 *		--4 = cardinal value of .5
 *		--5 = cardinal value of .7
 *		--6 = cardinal value of .8
 *		--7 = cardinal value of .9
 *		--8	= cardinal value of 1
 */
.o--0 { opacity: 0 }
.o--1 { opacity: .1 }
.o--2 { opacity: .2 }
.o--3 { opacity: .3 }
.o--4 { opacity: .5 }
.o--5 { opacity: .7 }
.o--6 { opacity: .8 }
.o--7 { opacity: .9 }
.o--8 { opacity: 1 }

	@media (max-width: 1280px) {
		.o--0-l { opacity: 0 }
		.o--1-l { opacity: .1 }
		.o--2-l { opacity: .2 }
		.o--3-l { opacity: .3 }
		.o--4-l { opacity: .5 }
		.o--5-l { opacity: .7 }
		.o--6-l { opacity: .8 }
		.o--7-l { opacity: .9 }
		.o--8-l { opacity: 1 }
	}

	@media (max-width: 840px) {
		.o--0-m { opacity: 0 }
		.o--1-m { opacity: .1 }
		.o--2-m { opacity: .2 }
		.o--3-m { opacity: .3 }
		.o--4-m { opacity: .5 }
		.o--5-m { opacity: .7 }
		.o--6-m { opacity: .8 }
		.o--7-m { opacity: .9 }
		.o--8-m { opacity: 1 }
	}

	@media (max-width: 400px) {
		.o--0-s { opacity: 0 }
		.o--1-s { opacity: .1 }
		.o--2-s { opacity: .2 }
		.o--3-s { opacity: .3 }
		.o--4-s { opacity: .5 }
		.o--5-s { opacity: .7 }
		.o--6-s { opacity: .8 }
		.o--7-s { opacity: .9 }
		.o--8-s { opacity: 1 }
	}


/*
 *	Z-INDEX
 *	
 *	# Base
 *		z = z-index
 *
 *	# Modifiers
 *		--1 = ordinal value of 1
 *		--2 = ordinal value of 2
 *		--3 = ordinal value of 3
 *		--4 = ordinal value of 4
 *		--5 = ordinal value of 5
 *		--6 = ordinal value of 6
 *		--7 = ordinal value of 7
 *		--8 = ordinal value of 8
 *		--a = auto
 *
 *	# Note
 *		Any element with 'z-index: auto' can be treated as z-index: 0.
 */
.z--1 { z-index: 1 }
.z--2 { z-index: 2 }
.z--3 { z-index: 3 }
.z--4 { z-index: 4 }
.z--5 { z-index: 5 }
.z--6 { z-index: 6 }
.z--7 { z-index: 7 }
.z--8 { z-index: 8 }
.z--a { z-index: auto }

	@media (max-width: 1280px) {
		.z--1-l { z-index: 1 }
		.z--2-l { z-index: 2 }
		.z--3-l { z-index: 3 }
		.z--4-l { z-index: 4 }
		.z--5-l { z-index: 5 }
		.z--6-l { z-index: 6 }
		.z--7-l { z-index: 7 }
		.z--8-l { z-index: 8 }
		.z--a-l { z-index: auto }
	}

	@media (max-width: 840px) {
		.z--1-m { z-index: 1 }
		.z--2-m { z-index: 2 }
		.z--3-m { z-index: 3 }
		.z--4-m { z-index: 4 }
		.z--5-m { z-index: 5 }
		.z--6-m { z-index: 6 }
		.z--7-m { z-index: 7 }
		.z--8-m { z-index: 8 }
		.z--a-m { z-index: auto }
	}

	@media (max-width: 400px) {
		.z--1-s { z-index: 1 }
		.z--2-s { z-index: 2 }
		.z--3-s { z-index: 3 }
		.z--4-s { z-index: 4 }
		.z--5-s { z-index: 5 }
		.z--6-s { z-index: 6 }
		.z--7-s { z-index: 7 }
		.z--8-s { z-index: 8 }
		.z--a-s { z-index: auto }
	}


/*
 *	MARGIN
 */

/*
 *	MARGIN
 *	
 *	# Base
 *		m = margin (shorthand for all the margin-* properties)
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */
.m--0 { margin: 0 }
.m--1 { margin: 1px }
.m--2 { margin: 2px }
.m--3 { margin: 4px }
.m--4 { margin: 8px }
.m--5 { margin: 16px }
.m--6 { margin: 32px }
.m--7 { margin: 64px }
.m--8 { margin: 128px }
.m--n1 { margin: -1px }
.m--n2 { margin: -2px }
.m--n3 { margin: -4px }
.m--n4 { margin: -8px }
.m--n5 { margin: -16px }
.m--n6 { margin: -32px }
.m--n7 { margin: -64px }
.m--n8 { margin: -128px }
.m--a { margin: auto }

	@media (max-width: 1280px) {
		.m--0-l { margin: 0 }
		.m--1-l { margin: 1px }
		.m--2-l { margin: 2px }
		.m--3-l { margin: 4px }
		.m--4-l { margin: 8px }
		.m--5-l { margin: 16px }
		.m--6-l { margin: 32px }
		.m--7-l { margin: 64px }
		.m--8-l { margin: 128px }
		.m--n1-l { margin: -1px }
		.m--n2-l { margin: -2px }
		.m--n3-l { margin: -4px }
		.m--n4-l { margin: -8px }
		.m--n5-l { margin: -16px }
		.m--n6-l { margin: -32px }
		.m--n7-l { margin: -64px }
		.m--n8-l { margin: -128px }
		.m--a-l { margin: auto }
	}

	@media (max-width: 840px) {
		.m--0-m { margin: 0 }
		.m--1-m { margin: 1px }
		.m--2-m { margin: 2px }
		.m--3-m { margin: 4px }
		.m--4-m { margin: 8px }
		.m--5-m { margin: 16px }
		.m--6-m { margin: 32px }
		.m--7-m { margin: 64px }
		.m--8-m { margin: 128px }
		.m--n1-m { margin: -1px }
		.m--n2-m { margin: -2px }
		.m--n3-m { margin: -4px }
		.m--n4-m { margin: -8px }
		.m--n5-m { margin: -16px }
		.m--n6-m { margin: -32px }
		.m--n7-m { margin: -64px }
		.m--n8-m { margin: -128px }
		.m--a-m { margin: auto }
	}

	@media (max-width: 400px) {
		.m--0-s { margin: 0 }
		.m--1-s { margin: 1px }
		.m--2-s { margin: 2px }
		.m--3-s { margin: 4px }
		.m--4-s { margin: 8px }
		.m--5-s { margin: 16px }
		.m--6-s { margin: 32px }
		.m--7-s { margin: 64px }
		.m--8-s { margin: 128px }
		.m--n1-s { margin: -1px }
		.m--n2-s { margin: -2px }
		.m--n3-s { margin: -4px }
		.m--n4-s { margin: -8px }
		.m--n5-s { margin: -16px }
		.m--n6-s { margin: -32px }
		.m--n7-s { margin: -64px }
		.m--n8-s { margin: -128px }
		.m--a-s { margin: auto }
	}

/*
 *	MARGIN-TOP
 *	
 *	# Base
 *		mt = margin-top
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */

.mt--0 { margin-top: 0 }
.mt--1 { margin-top: 1px }
.mt--2 { margin-top: 2px }
.mt--3 { margin-top: 4px }
.mt--4 { margin-top: 8px }
.mt--5 { margin-top: 16px }
.mt--6 { margin-top: 32px }
.mt--7 { margin-top: 64px }
.mt--8 { margin-top: 128px }
.mt--n1 { margin-top: -1px }
.mt--n2 { margin-top: -2px }
.mt--n3 { margin-top: -4px }
.mt--n4 { margin-top: -8px }
.mt--n5 { margin-top: -16px }
.mt--n6 { margin-top: -32px }
.mt--n7 { margin-top: -64px }
.mt--n8 { margin-top: -128px }
.mt--a { margin-top: auto }

	@media (max-width: 1280px) {
		.mt--0-l { margin-top: 0 }
		.mt--1-l { margin-top: 1px }
		.mt--2-l { margin-top: 2px }
		.mt--3-l { margin-top: 4px }
		.mt--4-l { margin-top: 8px }
		.mt--5-l { margin-top: 16px }
		.mt--6-l { margin-top: 32px }
		.mt--7-l { margin-top: 64px }
		.mt--8-l { margin-top: 128px }
		.mt--n1-l { margin-top: -1px }
		.mt--n2-l { margin-top: -2px }
		.mt--n3-l { margin-top: -4px }
		.mt--n4-l { margin-top: -8px }
		.mt--n5-l { margin-top: -16px }
		.mt--n6-l { margin-top: -32px }
		.mt--n7-l { margin-top: -64px }
		.mt--n8-l { margin-top: -128px }
		.mt--a-l { margin-top: auto }
	}

	@media (max-width: 840px) {
		.mt--0-m { margin-top: 0 }
		.mt--1-m { margin-top: 1px }
		.mt--2-m { margin-top: 2px }
		.mt--3-m { margin-top: 4px }
		.mt--4-m { margin-top: 8px }
		.mt--5-m { margin-top: 16px }
		.mt--6-m { margin-top: 32px }
		.mt--7-m { margin-top: 64px }
		.mt--8-m { margin-top: 128px }
		.mt--n1-m { margin-top: -1px }
		.mt--n2-m { margin-top: -2px }
		.mt--n3-m { margin-top: -4px }
		.mt--n4-m { margin-top: -8px }
		.mt--n5-m { margin-top: -16px }
		.mt--n6-m { margin-top: -32px }
		.mt--n7-m { margin-top: -64px }
		.mt--n8-m { margin-top: -128px }
		.mt--a-m { margin-top: auto }
	}

	@media (max-width: 400px) {
		.mt--0-s { margin-top: 0 }
		.mt--1-s { margin-top: 1px }
		.mt--2-s { margin-top: 2px }
		.mt--3-s { margin-top: 4px }
		.mt--4-s { margin-top: 8px }
		.mt--5-s { margin-top: 16px }
		.mt--6-s { margin-top: 32px }
		.mt--7-s { margin-top: 64px }
		.mt--8-s { margin-top: 128px }
		.mt--n1-s { margin-top: -1px }
		.mt--n2-s { margin-top: -2px }
		.mt--n3-s { margin-top: -4px }
		.mt--n4-s { margin-top: -8px }
		.mt--n5-s { margin-top: -16px }
		.mt--n6-s { margin-top: -32px }
		.mt--n7-s { margin-top: -64px }
		.mt--n8-s { margin-top: -128px }
		.mt--a-s { margin-top: auto }
	}

/*
 *	MARGIN-RIGHT
 *	
 *	# Base
 *		mr = margin-right
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */
.mr--0 { margin-right: 0 }
.mr--1 { margin-right: 1px }
.mr--2 { margin-right: 2px }
.mr--3 { margin-right: 4px }
.mr--4 { margin-right: 8px }
.mr--5 { margin-right: 16px }
.mr--6 { margin-right: 32px }
.mr--7 { margin-right: 64px }
.mr--8 { margin-right: 128px }
.mr--n1 { margin-right: -1px }
.mr--n2 { margin-right: -2px }
.mr--n3 { margin-right: -4px }
.mr--n4 { margin-right: -8px }
.mr--n5 { margin-right: -16px }
.mr--n6 { margin-right: -32px }
.mr--n7 { margin-right: -64px }
.mr--n8 { margin-right: -128px }
.mr--a { margin-right: auto }

	@media (max-width: 1280px) {
		.mr--0-l { margin-right: 0 }
		.mr--1-l { margin-right: 1px }
		.mr--2-l { margin-right: 2px }
		.mr--3-l { margin-right: 4px }
		.mr--4-l { margin-right: 8px }
		.mr--5-l { margin-right: 16px }
		.mr--6-l { margin-right: 32px }
		.mr--7-l { margin-right: 64px }
		.mr--8-l { margin-right: 128px }
		.mr--n1-l { margin-right: -1px }
		.mr--n2-l { margin-right: -2px }
		.mr--n3-l { margin-right: -4px }
		.mr--n4-l { margin-right: -8px }
		.mr--n5-l { margin-right: -16px }
		.mr--n6-l { margin-right: -32px }
		.mr--n7-l { margin-right: -64px }
		.mr--n8-l { margin-right: -128px }
		.mr--a-l { margin-right: auto }
	}

	@media (max-width: 840px) {
		.mr--0-m { margin-right: 0 }
		.mr--1-m { margin-right: 1px }
		.mr--2-m { margin-right: 2px }
		.mr--3-m { margin-right: 4px }
		.mr--4-m { margin-right: 8px }
		.mr--5-m { margin-right: 16px }
		.mr--6-m { margin-right: 32px }
		.mr--7-m { margin-right: 64px }
		.mr--8-m { margin-right: 128px }
		.mr--n1-m { margin-right: -1px }
		.mr--n2-m { margin-right: -2px }
		.mr--n3-m { margin-right: -4px }
		.mr--n4-m { margin-right: -8px }
		.mr--n5-m { margin-right: -16px }
		.mr--n6-m { margin-right: -32px }
		.mr--n7-m { margin-right: -64px }
		.mr--n8-m { margin-right: -128px }
		.mr--a-m { margin-right: auto }
	}

	@media (max-width: 400px) {
		.mr--0-s { margin-right: 0 }
		.mr--1-s { margin-right: 1px }
		.mr--2-s { margin-right: 2px }
		.mr--3-s { margin-right: 4px }
		.mr--4-s { margin-right: 8px }
		.mr--5-s { margin-right: 16px }
		.mr--6-s { margin-right: 32px }
		.mr--7-s { margin-right: 64px }
		.mr--8-s { margin-right: 128px }
		.mr--n1-s { margin-right: -1px }
		.mr--n2-s { margin-right: -2px }
		.mr--n3-s { margin-right: -4px }
		.mr--n4-s { margin-right: -8px }
		.mr--n5-s { margin-right: -16px }
		.mr--n6-s { margin-right: -32px }
		.mr--n7-s { margin-right: -64px }
		.mr--n8-s { margin-right: -128px }
		.mr--a-s { margin-right: auto }
	}

/*
 *	MARGIN-BOTTOM
 *	
 *	# Base
 *		mb = margin-bottom
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */
.mb--0 { margin-bottom: 0 }
.mb--1 { margin-bottom: 1px }
.mb--2 { margin-bottom: 2px }
.mb--3 { margin-bottom: 4px }
.mb--4 { margin-bottom: 8px }
.mb--5 { margin-bottom: 16px }
.mb--6 { margin-bottom: 32px }
.mb--7 { margin-bottom: 64px }
.mb--8 { margin-bottom: 128px }
.mb--n1 { margin-bottom: -1px }
.mb--n2 { margin-bottom: -2px }
.mb--n3 { margin-bottom: -4px }
.mb--n4 { margin-bottom: -8px }
.mb--n5 { margin-bottom: -16px }
.mb--n6 { margin-bottom: -32px }
.mb--n7 { margin-bottom: -64px }
.mb--n8 { margin-bottom: -128px }
.mb--a { margin-bottom: auto }

	@media (max-width: 1280px) {
		.mb--0-l { margin-bottom: 0 }
		.mb--1-l { margin-bottom: 1px }
		.mb--2-l { margin-bottom: 2px }
		.mb--3-l { margin-bottom: 4px }
		.mb--4-l { margin-bottom: 8px }
		.mb--5-l { margin-bottom: 16px }
		.mb--6-l { margin-bottom: 32px }
		.mb--7-l { margin-bottom: 64px }
		.mb--8-l { margin-bottom: 128px }
		.mb--n1-l { margin-bottom: -1px }
		.mb--n2-l { margin-bottom: -2px }
		.mb--n3-l { margin-bottom: -4px }
		.mb--n4-l { margin-bottom: -8px }
		.mb--n5-l { margin-bottom: -16px }
		.mb--n6-l { margin-bottom: -32px }
		.mb--n7-l { margin-bottom: -64px }
		.mb--n8-l { margin-bottom: -128px }
		.mb--a-l { margin-bottom: auto }
	}

	@media (max-width: 840px) {
		.mb--0-m { margin-bottom: 0 }
		.mb--1-m { margin-bottom: 1px }
		.mb--2-m { margin-bottom: 2px }
		.mb--3-m { margin-bottom: 4px }
		.mb--4-m { margin-bottom: 8px }
		.mb--5-m { margin-bottom: 16px }
		.mb--6-m { margin-bottom: 32px }
		.mb--7-m { margin-bottom: 64px }
		.mb--8-m { margin-bottom: 128px }
		.mb--n1-m { margin-bottom: -1px }
		.mb--n2-m { margin-bottom: -2px }
		.mb--n3-m { margin-bottom: -4px }
		.mb--n4-m { margin-bottom: -8px }
		.mb--n5-m { margin-bottom: -16px }
		.mb--n6-m { margin-bottom: -32px }
		.mb--n7-m { margin-bottom: -64px }
		.mb--n8-m { margin-bottom: -128px }
		.mb--a-m { margin-bottom: auto }
	}

	@media (max-width: 400px) {
		.mb--0-s { margin-bottom: 0 }
		.mb--1-s { margin-bottom: 1px }
		.mb--2-s { margin-bottom: 2px }
		.mb--3-s { margin-bottom: 4px }
		.mb--4-s { margin-bottom: 8px }
		.mb--5-s { margin-bottom: 16px }
		.mb--6-s { margin-bottom: 32px }
		.mb--7-s { margin-bottom: 64px }
		.mb--8-s { margin-bottom: 128px }
		.mb--n1-s { margin-bottom: -1px }
		.mb--n2-s { margin-bottom: -2px }
		.mb--n3-s { margin-bottom: -4px }
		.mb--n4-s { margin-bottom: -8px }
		.mb--n5-s { margin-bottom: -16px }
		.mb--n6-s { margin-bottom: -32px }
		.mb--n7-s { margin-bottom: -64px }
		.mb--n8-s { margin-bottom: -128px }
		.mb--a-s { margin-bottom: auto }
	}

/*
 *	MARGIN-LEFT
 *	
 *	# Base
 *		ml = margin-left
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */
.ml--0 { margin-left: 0 }
.ml--1 { margin-left: 1px }
.ml--2 { margin-left: 2px }
.ml--3 { margin-left: 4px }
.ml--4 { margin-left: 8px }
.ml--5 { margin-left: 16px }
.ml--6 { margin-left: 32px }
.ml--7 { margin-left: 64px }
.ml--8 { margin-left: 128px }
.ml--n1 { margin-left: -1px }
.ml--n2 { margin-left: -2px }
.ml--n3 { margin-left: -4px }
.ml--n4 { margin-left: -8px }
.ml--n5 { margin-left: -16px }
.ml--n6 { margin-left: -32px }
.ml--n7 { margin-left: -64px }
.ml--n8 { margin-left: -128px }
.ml--a { margin-left: auto }

	@media (max-width: 1280px) {
		.ml--0-l { margin-left: 0 }
		.ml--1-l { margin-left: 1px }
		.ml--2-l { margin-left: 2px }
		.ml--3-l { margin-left: 4px }
		.ml--4-l { margin-left: 8px }
		.ml--5-l { margin-left: 16px }
		.ml--6-l { margin-left: 32px }
		.ml--7-l { margin-left: 64px }
		.ml--8-l { margin-left: 128px }
		.ml--n1-l { margin-left: -1px }
		.ml--n2-l { margin-left: -2px }
		.ml--n3-l { margin-left: -4px }
		.ml--n4-l { margin-left: -8px }
		.ml--n5-l { margin-left: -16px }
		.ml--n6-l { margin-left: -32px }
		.ml--n7-l { margin-left: -64px }
		.ml--n8-l { margin-left: -128px }
		.ml--a-l { margin-left: auto }
	}

	@media (max-width: 840px) {
		.ml--0-m { margin-left: 0 }
		.ml--1-m { margin-left: 1px }
		.ml--2-m { margin-left: 2px }
		.ml--3-m { margin-left: 4px }
		.ml--4-m { margin-left: 8px }
		.ml--5-m { margin-left: 16px }
		.ml--6-m { margin-left: 32px }
		.ml--7-m { margin-left: 64px }
		.ml--8-m { margin-left: 128px }
		.ml--n1-m { margin-left: -1px }
		.ml--n2-m { margin-left: -2px }
		.ml--n3-m { margin-left: -4px }
		.ml--n4-m { margin-left: -8px }
		.ml--n5-m { margin-left: -16px }
		.ml--n6-m { margin-left: -32px }
		.ml--n7-m { margin-left: -64px }
		.ml--n8-m { margin-left: -128px }
		.ml--a-m { margin-left: auto }
	}

	@media (max-width: 400px) {
		.ml--0-s { margin-left: 0 }
		.ml--1-s { margin-left: 1px }
		.ml--2-s { margin-left: 2px }
		.ml--3-s { margin-left: 4px }
		.ml--4-s { margin-left: 8px }
		.ml--5-s { margin-left: 16px }
		.ml--6-s { margin-left: 32px }
		.ml--7-s { margin-left: 64px }
		.ml--8-s { margin-left: 128px }
		.ml--n1-s { margin-left: -1px }
		.ml--n2-s { margin-left: -2px }
		.ml--n3-s { margin-left: -4px }
		.ml--n4-s { margin-left: -8px }
		.ml--n5-s { margin-left: -16px }
		.ml--n6-s { margin-left: -32px }
		.ml--n7-s { margin-left: -64px }
		.ml--n8-s { margin-left: -128px }
		.ml--a-s { margin-left: auto }
	}

/*
 *	MARGIN-Y
 *	
 *	# Base
 *		my = margin-top; margin-bottom
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 */
.my--0 { margin-top: 0; margin-bottom: 0 }
.my--1 { margin-top: 1px; margin-bottom: 1px }
.my--2 { margin-top: 2px; margin-bottom: 2px }
.my--3 { margin-top: 4px; margin-bottom: 4px }
.my--4 { margin-top: 8px; margin-bottom: 8px }
.my--5 { margin-top: 16px; margin-bottom: 16px }
.my--6 { margin-top: 32px; margin-bottom: 32px }
.my--7 { margin-top: 64px; margin-bottom: 64px }
.my--8 { margin-top: 128px; margin-bottom: 128px }
.my--n1 { margin-top: -1px; margin-bottom: -1px }
.my--n2 { margin-top: -2px; margin-bottom: -2px }
.my--n3 { margin-top: -4px; margin-bottom: -4px }
.my--n4 { margin-top: -8px; margin-bottom: -8px }
.my--n5 { margin-top: -16px; margin-bottom: -16px }
.my--n6 { margin-top: -32px; margin-bottom: -32px }
.my--n7 { margin-top: -64px; margin-bottom: -64px }
.my--n8 { margin-top: -128px; margin-bottom: -128px }

	@media (max-width: 1280px) {
		.my--0-l { margin-top: 0; margin-bottom: 0 }
		.my--1-l { margin-top: 1px; margin-bottom: 1px }
		.my--2-l { margin-top: 2px; margin-bottom: 2px }
		.my--3-l { margin-top: 4px; margin-bottom: 4px }
		.my--4-l { margin-top: 8px; margin-bottom: 8px }
		.my--5-l { margin-top: 16px; margin-bottom: 16px }
		.my--6-l { margin-top: 32px; margin-bottom: 32px }
		.my--7-l { margin-top: 64px; margin-bottom: 64px }
		.my--8-l { margin-top: 128px; margin-bottom: 128px }
		.my--n1-l { margin-top: -1px; margin-bottom: -1px }
		.my--n2-l { margin-top: -2px; margin-bottom: -2px }
		.my--n3-l { margin-top: -4px; margin-bottom: -4px }
		.my--n4-l { margin-top: -8px; margin-bottom: -8px }
		.my--n5-l { margin-top: -16px; margin-bottom: -16px }
		.my--n6-l { margin-top: -32px; margin-bottom: -32px }
		.my--n7-l { margin-top: -64px; margin-bottom: -64px }
		.my--n8-l { margin-top: -128px; margin-bottom: -128px }
	}

	@media (max-width: 840px) {
		.my--0-m { margin-top: 0; margin-bottom: 0 }
		.my--1-m { margin-top: 1px; margin-bottom: 1px }
		.my--2-m { margin-top: 2px; margin-bottom: 2px }
		.my--3-m { margin-top: 4px; margin-bottom: 4px }
		.my--4-m { margin-top: 8px; margin-bottom: 8px }
		.my--5-m { margin-top: 16px; margin-bottom: 16px }
		.my--6-m { margin-top: 32px; margin-bottom: 32px }
		.my--7-m { margin-top: 64px; margin-bottom: 64px }
		.my--8-m { margin-top: 128px; margin-bottom: 128px }
		.my--n1-m { margin-top: -1px; margin-bottom: -1px }
		.my--n2-m { margin-top: -2px; margin-bottom: -2px }
		.my--n3-m { margin-top: -4px; margin-bottom: -4px }
		.my--n4-m { margin-top: -8px; margin-bottom: -8px }
		.my--n5-m { margin-top: -16px; margin-bottom: -16px }
		.my--n6-m { margin-top: -32px; margin-bottom: -32px }
		.my--n7-m { margin-top: -64px; margin-bottom: -64px }
		.my--n8-m { margin-top: -128px; margin-bottom: -128px }
	}

	@media (max-width: 400px) {
		.my--0-s { margin-top: 0; margin-bottom: 0 }
		.my--1-s { margin-top: 1px; margin-bottom: 1px }
		.my--2-s { margin-top: 2px; margin-bottom: 2px }
		.my--3-s { margin-top: 4px; margin-bottom: 4px }
		.my--4-s { margin-top: 8px; margin-bottom: 8px }
		.my--5-s { margin-top: 16px; margin-bottom: 16px }
		.my--6-s { margin-top: 32px; margin-bottom: 32px }
		.my--7-s { margin-top: 64px; margin-bottom: 64px }
		.my--8-s { margin-top: 128px; margin-bottom: 128px }
		.my--n1-s { margin-top: -1px; margin-bottom: -1px }
		.my--n2-s { margin-top: -2px; margin-bottom: -2px }
		.my--n3-s { margin-top: -4px; margin-bottom: -4px }
		.my--n4-s { margin-top: -8px; margin-bottom: -8px }
		.my--n5-s { margin-top: -16px; margin-bottom: -16px }
		.my--n6-s { margin-top: -32px; margin-bottom: -32px }
		.my--n7-s { margin-top: -64px; margin-bottom: -64px }
		.my--n8-s { margin-top: -128px; margin-bottom: -128px }
	}

/*
 *	MARGIN-X
 *	
 *	# Base
 *		mx = margin-right; margin-left
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--n1 = -1px
 *		--n2 = -2px
 *		--n3 = -4px
 *		--n4 = -8px
 *		--n5 = -16px
 *		--n6 = -32px
 *		--n7 = -64px
 *		--n8 = -128px
 *		--a = auto
 */
.mx--0 { margin-right: 0; margin-left: 0 }
.mx--1 { margin-right: 1px; margin-left: 1px }
.mx--2 { margin-right: 2px; margin-left: 2px }
.mx--3 { margin-right: 4px; margin-left: 4px }
.mx--4 { margin-right: 8px; margin-left: 8px }
.mx--5 { margin-right: 16px; margin-left: 16px }
.mx--6 { margin-right: 32px; margin-left: 32px }
.mx--7 { margin-right: 64px; margin-left: 64px }
.mx--8 { margin-right: 128px; margin-left: 128px }
.mx--n1 { margin-right: -1px; margin-left: -1px }
.mx--n2 { margin-right: -2px; margin-left: -2px }
.mx--n3 { margin-right: -4px; margin-left: -4px }
.mx--n4 { margin-right: -8px; margin-left: -8px }
.mx--n5 { margin-right: -16px; margin-left: -16px }
.mx--n6 { margin-right: -32px; margin-left: -32px }
.mx--n7 { margin-right: -64px; margin-left: -64px }
.mx--n8 { margin-right: -128px; margin-left: -128px }
.mx--a { margin-right: auto; margin-left: auto }

	@media (max-width: 1280px) {
		.mx--0-l { margin-right: 0; margin-left: 0 }
		.mx--1-l { margin-right: 1px; margin-left: 1px }
		.mx--2-l { margin-right: 2px; margin-left: 2px }
		.mx--3-l { margin-right: 4px; margin-left: 4px }
		.mx--4-l { margin-right: 8px; margin-left: 8px }
		.mx--5-l { margin-right: 16px; margin-left: 16px }
		.mx--6-l { margin-right: 32px; margin-left: 32px }
		.mx--7-l { margin-right: 64px; margin-left: 64px }
		.mx--8-l { margin-right: 128px; margin-left: 128px }
		.mx--n1-l { margin-right: -1px; margin-left: -1px }
		.mx--n2-l { margin-right: -2px; margin-left: -2px }
		.mx--n3-l { margin-right: -4px; margin-left: -4px }
		.mx--n4-l { margin-right: -8px; margin-left: -8px }
		.mx--n5-l { margin-right: -16px; margin-left: -16px }
		.mx--n6-l { margin-right: -32px; margin-left: -32px }
		.mx--n7-l { margin-right: -64px; margin-left: -64px }
		.mx--n8-l { margin-right: -128px; margin-left: -128px }
		.mx--a-l { margin-right: auto; margin-left: auto }
	}

	@media (max-width: 840px) {
		.mx--0-m { margin-right: 0; margin-left: 0 }
		.mx--1-m { margin-right: 1px; margin-left: 1px }
		.mx--2-m { margin-right: 2px; margin-left: 2px }
		.mx--3-m { margin-right: 4px; margin-left: 4px }
		.mx--4-m { margin-right: 8px; margin-left: 8px }
		.mx--5-m { margin-right: 16px; margin-left: 16px }
		.mx--6-m { margin-right: 32px; margin-left: 32px }
		.mx--7-m { margin-right: 64px; margin-left: 64px }
		.mx--8-m { margin-right: 128px; margin-left: 128px }
		.mx--n1-m { margin-right: -1px; margin-left: -1px }
		.mx--n2-m { margin-right: -2px; margin-left: -2px }
		.mx--n3-m { margin-right: -4px; margin-left: -4px }
		.mx--n4-m { margin-right: -8px; margin-left: -8px }
		.mx--n5-m { margin-right: -16px; margin-left: -16px }
		.mx--n6-m { margin-right: -32px; margin-left: -32px }
		.mx--n7-m { margin-right: -64px; margin-left: -64px }
		.mx--n8-m { margin-right: -128px; margin-left: -128px }
		.mx--a-m { margin-right: auto; margin-left: auto }
	}

	@media (max-width: 400px) {
		.mx--0-s { margin-right: 0; margin-left: 0 }
		.mx--1-s { margin-right: 1px; margin-left: 1px }
		.mx--2-s { margin-right: 2px; margin-left: 2px }
		.mx--3-s { margin-right: 4px; margin-left: 4px }
		.mx--4-s { margin-right: 8px; margin-left: 8px }
		.mx--5-s { margin-right: 16px; margin-left: 16px }
		.mx--6-s { margin-right: 32px; margin-left: 32px }
		.mx--7-s { margin-right: 64px; margin-left: 64px }
		.mx--8-s { margin-right: 128px; margin-left: 128px }
		.mx--n1-s { margin-right: -1px; margin-left: -1px }
		.mx--n2-s { margin-right: -2px; margin-left: -2px }
		.mx--n3-s { margin-right: -4px; margin-left: -4px }
		.mx--n4-s { margin-right: -8px; margin-left: -8px }
		.mx--n5-s { margin-right: -16px; margin-left: -16px }
		.mx--n6-s { margin-right: -32px; margin-left: -32px }
		.mx--n7-s { margin-right: -64px; margin-left: -64px }
		.mx--n8-s { margin-right: -128px; margin-left: -128px }
		.mx--a-s { margin-right: auto; margin-left: auto }
	}


/*
 *	OUTLINE
 */

/*
 *	OUTLINE
 *	
 *	# Base
 *		oe = outline (shorthand for various outline-* properties)
 *
 *	# Modifiers
 *		--0 = 0
 *
 *	# Note
 *		Don't forget this, ok?
 *		https://developer.mozilla.org/en-US/docs/Web/CSS/outline#Accessibility_concerns
 */
.oe--0 { outline: 0 }

	@media (max-width: 1280px) {
		.oe--0-l { outline: 0 }
	}

	@media (max-width: 840px) {
		.oe--0-m { outline: 0 }
	}

	@media (max-width: 400px) {
		.oe--0-s { outline: 0 }
	}


/*
 *	BORDER
 */

/*
 *	BORDER
 *	
 *	# Base
 *		br = border (shorthand for the border-width:* and border-style:solid properties)
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.br--0 { border-width: 0; border-style: none }
.br--1 { border-width: 1px; border-style: solid }
.br--2 { border-width: 2px; border-style: solid }
.br--3 { border-width: 4px; border-style: solid }
.br--4 { border-width: 8px; border-style: solid }
.br--5 { border-width: 16px; border-style: solid }
.br--6 { border-width: 32px; border-style: solid }
.br--7 { border-width: 64px; border-style: solid }
.br--8 { border-width: 128px; border-style: solid }

	@media (max-width: 1280px) {
		.br--0-l { border-width: 0; border-style: none }
		.br--1-l { border-width: 1px; border-style: solid }
		.br--2-l { border-width: 2px; border-style: solid }
		.br--3-l { border-width: 4px; border-style: solid }
		.br--4-l { border-width: 8px; border-style: solid }
		.br--5-l { border-width: 16px; border-style: solid }
		.br--6-l { border-width: 32px; border-style: solid }
		.br--7-l { border-width: 64px; border-style: solid }
		.br--8-l { border-width: 128px; border-style: solid }
	}

	@media (max-width: 840px) {
		.br--0-m { border-width: 0; border-style: none }
		.br--1-m { border-width: 1px; border-style: solid }
		.br--2-m { border-width: 2px; border-style: solid }
		.br--3-m { border-width: 4px; border-style: solid }
		.br--4-m { border-width: 8px; border-style: solid }
		.br--5-m { border-width: 16px; border-style: solid }
		.br--6-m { border-width: 32px; border-style: solid }
		.br--7-m { border-width: 64px; border-style: solid }
		.br--8-m { border-width: 128px; border-style: solid }
	}

	@media (max-width: 400px) {
		.br--0-s { border-width: 0; border-style: none }
		.br--1-s { border-width: 1px; border-style: solid }
		.br--2-s { border-width: 2px; border-style: solid }
		.br--3-s { border-width: 4px; border-style: solid }
		.br--4-s { border-width: 8px; border-style: solid }
		.br--5-s { border-width: 16px; border-style: solid }
		.br--6-s { border-width: 32px; border-style: solid }
		.br--7-s { border-width: 64px; border-style: solid }
		.br--8-s { border-width: 128px; border-style: solid }
	}
	
/*
 *	BORDER-WIDTH
 *	
 *	# Base
 *		brw = border-width (shorthand for the border-*-width properties)
 *		brtw = border-top-width
 *		brrw = border-right-width
 *		brbw = border-bottom-width
 *		brlw = border-left-width
 *		bryw = border-top-width; border-bottom-width
 *		brxw = border-right-width; border-left-width
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.brw--0 { border-width: 0 }
.brw--1 { border-width: 1px }
.brw--2 { border-width: 2px }
.brw--3 { border-width: 4px }
.brw--4 { border-width: 8px }
.brw--5 { border-width: 16px }
.brw--6 { border-width: 32px }
.brw--7 { border-width: 64px }
.brw--8 { border-width: 128px }

.brtw--0 { border-top-width: 0 }
.brtw--1 { border-top-width: 1px }
.brtw--2 { border-top-width: 2px }
.brtw--3 { border-top-width: 4px }
.brtw--4 { border-top-width: 8px }
.brtw--5 { border-top-width: 16px }
.brtw--6 { border-top-width: 32px }
.brtw--7 { border-top-width: 64px }
.brtw--8 { border-top-width: 128px }

.brrw--0 { border-right-width: 0 }
.brrw--1 { border-right-width: 1px }
.brrw--2 { border-right-width: 2px }
.brrw--3 { border-right-width: 4px }
.brrw--4 { border-right-width: 8px }
.brrw--5 { border-right-width: 16px }
.brrw--6 { border-right-width: 32px }
.brrw--7 { border-right-width: 64px }
.brrw--8 { border-right-width: 128px }

.brbw--0 { border-bottom-width: 0 }
.brbw--1 { border-bottom-width: 1px }
.brbw--2 { border-bottom-width: 2px }
.brbw--3 { border-bottom-width: 4px }
.brbw--4 { border-bottom-width: 8px }
.brbw--5 { border-bottom-width: 16px }
.brbw--6 { border-bottom-width: 32px }
.brbw--7 { border-bottom-width: 64px }
.brbw--8 { border-bottom-width: 128px }

.brlw--0 { border-left-width: 0 }
.brlw--1 { border-left-width: 1px }
.brlw--2 { border-left-width: 2px }
.brlw--3 { border-left-width: 4px }
.brlw--4 { border-left-width: 8px }
.brlw--5 { border-left-width: 16px }
.brlw--6 { border-left-width: 32px }
.brlw--7 { border-left-width: 64px }
.brlw--8 { border-left-width: 128px }

.bryw--0 { border-top-width: 0; border-bottom-width: 0 }
.bryw--1 { border-top-width: 1px; border-bottom-width: 1px }
.bryw--2 { border-top-width: 2px; border-bottom-width: 2px }
.bryw--3 { border-top-width: 4px; border-bottom-width: 4px }
.bryw--4 { border-top-width: 8px; border-bottom-width: 8px }
.bryw--5 { border-top-width: 16px; border-bottom-width: 16px }
.bryw--6 { border-top-width: 32px; border-bottom-width: 32px }
.bryw--7 { border-top-width: 64px; border-bottom-width: 64px }
.bryw--8 { border-top-width: 128px; border-bottom-width: 128px }

.brxw--0 { border-right-width: 0; border-left-width: 0 }
.brxw--1 { border-right-width: 1px; border-left-width: 1px }
.brxw--2 { border-right-width: 2px; border-left-width: 2px }
.brxw--3 { border-right-width: 4px; border-left-width: 4px }
.brxw--4 { border-right-width: 8px; border-left-width: 8px }
.brxw--5 { border-right-width: 16px; border-left-width: 16px }
.brxw--6 { border-right-width: 32px; border-left-width: 32px }
.brxw--7 { border-right-width: 64px; border-left-width: 64px }
.brxw--8 { border-right-width: 128px; border-left-width: 128px }

	@media (max-width: 1280px) {
		.brw--0-l { border-width: 0 }
		.brw--1-l { border-width: 1px }
		.brw--2-l { border-width: 2px }
		.brw--3-l { border-width: 4px }
		.brw--4-l { border-width: 8px }
		.brw--5-l { border-width: 16px }
		.brw--6-l { border-width: 32px }
		.brw--7-l { border-width: 64px }
		.brw--8-l { border-width: 128px }

		.brtw--0-l { border-top-width: 0 }
		.brtw--1-l { border-top-width: 1px }
		.brtw--2-l { border-top-width: 2px }
		.brtw--3-l { border-top-width: 4px }
		.brtw--4-l { border-top-width: 8px }
		.brtw--5-l { border-top-width: 16px }
		.brtw--6-l { border-top-width: 32px }
		.brtw--7-l { border-top-width: 64px }
		.brtw--8-l { border-top-width: 128px }

		.brrw--0-l { border-right-width: 0 }
		.brrw--1-l { border-right-width: 1px }
		.brrw--2-l { border-right-width: 2px }
		.brrw--3-l { border-right-width: 4px }
		.brrw--4-l { border-right-width: 8px }
		.brrw--5-l { border-right-width: 16px }
		.brrw--6-l { border-right-width: 32px }
		.brrw--7-l { border-right-width: 64px }
		.brrw--8-l { border-right-width: 128px }

		.brbw--0-l { border-bottom-width: 0 }
		.brbw--1-l { border-bottom-width: 1px }
		.brbw--2-l { border-bottom-width: 2px }
		.brbw--3-l { border-bottom-width: 4px }
		.brbw--4-l { border-bottom-width: 8px }
		.brbw--5-l { border-bottom-width: 16px }
		.brbw--6-l { border-bottom-width: 32px }
		.brbw--7-l { border-bottom-width: 64px }
		.brbw--8-l { border-bottom-width: 128px }

		.brlw--0-l { border-left-width: 0 }
		.brlw--1-l { border-left-width: 1px }
		.brlw--2-l { border-left-width: 2px }
		.brlw--3-l { border-left-width: 4px }
		.brlw--4-l { border-left-width: 8px }
		.brlw--5-l { border-left-width: 16px }
		.brlw--6-l { border-left-width: 32px }
		.brlw--7-l { border-left-width: 64px }
		.brlw--8-l { border-left-width: 128px }

		.bryw--0-l { border-top-width: 0; border-bottom-width: 0 }
		.bryw--1-l { border-top-width: 1px; border-bottom-width: 1px }
		.bryw--2-l { border-top-width: 2px; border-bottom-width: 2px }
		.bryw--3-l { border-top-width: 4px; border-bottom-width: 4px }
		.bryw--4-l { border-top-width: 8px; border-bottom-width: 8px }
		.bryw--5-l { border-top-width: 16px; border-bottom-width: 16px }
		.bryw--6-l { border-top-width: 32px; border-bottom-width: 32px }
		.bryw--7-l { border-top-width: 64px; border-bottom-width: 64px }
		.bryw--8-l { border-top-width: 128px; border-bottom-width: 128px }

		.brxw--0-l { border-right-width: 0; border-left-width: 0 }
		.brxw--1-l { border-right-width: 1px; border-left-width: 1px }
		.brxw--2-l { border-right-width: 2px; border-left-width: 2px }
		.brxw--3-l { border-right-width: 4px; border-left-width: 4px }
		.brxw--4-l { border-right-width: 8px; border-left-width: 8px }
		.brxw--5-l { border-right-width: 16px; border-left-width: 16px }
		.brxw--6-l { border-right-width: 32px; border-left-width: 32px }
		.brxw--7-l { border-right-width: 64px; border-left-width: 64px }
		.brxw--8-l { border-right-width: 128px; border-left-width: 128px }
	}

	@media (max-width: 840px) {
		.brw--0-m { border-width: 0 }
		.brw--1-m { border-width: 1px }
		.brw--2-m { border-width: 2px }
		.brw--3-m { border-width: 4px }
		.brw--4-m { border-width: 8px }
		.brw--5-m { border-width: 16px }
		.brw--6-m { border-width: 32px }
		.brw--7-m { border-width: 64px }
		.brw--8-m { border-width: 128px }

		.brtw--0-m { border-top-width: 0 }
		.brtw--1-m { border-top-width: 1px }
		.brtw--2-m { border-top-width: 2px }
		.brtw--3-m { border-top-width: 4px }
		.brtw--4-m { border-top-width: 8px }
		.brtw--5-m { border-top-width: 16px }
		.brtw--6-m { border-top-width: 32px }
		.brtw--7-m { border-top-width: 64px }
		.brtw--8-m { border-top-width: 128px }

		.brrw--0-m { border-right-width: 0 }
		.brrw--1-m { border-right-width: 1px }
		.brrw--2-m { border-right-width: 2px }
		.brrw--3-m { border-right-width: 4px }
		.brrw--4-m { border-right-width: 8px }
		.brrw--5-m { border-right-width: 16px }
		.brrw--6-m { border-right-width: 32px }
		.brrw--7-m { border-right-width: 64px }
		.brrw--8-m { border-right-width: 128px }

		.brbw--0-m { border-bottom-width: 0 }
		.brbw--1-m { border-bottom-width: 1px }
		.brbw--2-m { border-bottom-width: 2px }
		.brbw--3-m { border-bottom-width: 4px }
		.brbw--4-m { border-bottom-width: 8px }
		.brbw--5-m { border-bottom-width: 16px }
		.brbw--6-m { border-bottom-width: 32px }
		.brbw--7-m { border-bottom-width: 64px }
		.brbw--8-m { border-bottom-width: 128px }

		.brlw--0-m { border-left-width: 0 }
		.brlw--1-m { border-left-width: 1px }
		.brlw--2-m { border-left-width: 2px }
		.brlw--3-m { border-left-width: 4px }
		.brlw--4-m { border-left-width: 8px }
		.brlw--5-m { border-left-width: 16px }
		.brlw--6-m { border-left-width: 32px }
		.brlw--7-m { border-left-width: 64px }
		.brlw--8-m { border-left-width: 128px }

		.bryw--0-m { border-top-width: 0; border-bottom-width: 0 }
		.bryw--1-m { border-top-width: 1px; border-bottom-width: 1px }
		.bryw--2-m { border-top-width: 2px; border-bottom-width: 2px }
		.bryw--3-m { border-top-width: 4px; border-bottom-width: 4px }
		.bryw--4-m { border-top-width: 8px; border-bottom-width: 8px }
		.bryw--5-m { border-top-width: 16px; border-bottom-width: 16px }
		.bryw--6-m { border-top-width: 32px; border-bottom-width: 32px }
		.bryw--7-m { border-top-width: 64px; border-bottom-width: 64px }
		.bryw--8-m { border-top-width: 128px; border-bottom-width: 128px }

		.brxw--0-m { border-right-width: 0; border-left-width: 0 }
		.brxw--1-m { border-right-width: 1px; border-left-width: 1px }
		.brxw--2-m { border-right-width: 2px; border-left-width: 2px }
		.brxw--3-m { border-right-width: 4px; border-left-width: 4px }
		.brxw--4-m { border-right-width: 8px; border-left-width: 8px }
		.brxw--5-m { border-right-width: 16px; border-left-width: 16px }
		.brxw--6-m { border-right-width: 32px; border-left-width: 32px }
		.brxw--7-m { border-right-width: 64px; border-left-width: 64px }
		.brxw--8-m { border-right-width: 128px; border-left-width: 128px }
	}

	@media (max-width: 400px) {
		.brw--0-s { border-width: 0 }
		.brw--1-s { border-width: 1px }
		.brw--2-s { border-width: 2px }
		.brw--3-s { border-width: 4px }
		.brw--4-s { border-width: 8px }
		.brw--5-s { border-width: 16px }
		.brw--6-s { border-width: 32px }
		.brw--7-s { border-width: 64px }
		.brw--8-s { border-width: 128px }

		.brtw--0-s { border-top-width: 0 }
		.brtw--1-s { border-top-width: 1px }
		.brtw--2-s { border-top-width: 2px }
		.brtw--3-s { border-top-width: 4px }
		.brtw--4-s { border-top-width: 8px }
		.brtw--5-s { border-top-width: 16px }
		.brtw--6-s { border-top-width: 32px }
		.brtw--7-s { border-top-width: 64px }
		.brtw--8-s { border-top-width: 128px }

		.brrw--0-s { border-right-width: 0 }
		.brrw--1-s { border-right-width: 1px }
		.brrw--2-s { border-right-width: 2px }
		.brrw--3-s { border-right-width: 4px }
		.brrw--4-s { border-right-width: 8px }
		.brrw--5-s { border-right-width: 16px }
		.brrw--6-s { border-right-width: 32px }
		.brrw--7-s { border-right-width: 64px }
		.brrw--8-s { border-right-width: 128px }

		.brbw--0-s { border-bottom-width: 0 }
		.brbw--1-s { border-bottom-width: 1px }
		.brbw--2-s { border-bottom-width: 2px }
		.brbw--3-s { border-bottom-width: 4px }
		.brbw--4-s { border-bottom-width: 8px }
		.brbw--5-s { border-bottom-width: 16px }
		.brbw--6-s { border-bottom-width: 32px }
		.brbw--7-s { border-bottom-width: 64px }
		.brbw--8-s { border-bottom-width: 128px }

		.brlw--0-s { border-left-width: 0 }
		.brlw--1-s { border-left-width: 1px }
		.brlw--2-s { border-left-width: 2px }
		.brlw--3-s { border-left-width: 4px }
		.brlw--4-s { border-left-width: 8px }
		.brlw--5-s { border-left-width: 16px }
		.brlw--6-s { border-left-width: 32px }
		.brlw--7-s { border-left-width: 64px }
		.brlw--8-s { border-left-width: 128px }

		.bryw--0-s { border-top-width: 0; border-bottom-width: 0 }
		.bryw--1-s { border-top-width: 1px; border-bottom-width: 1px }
		.bryw--2-s { border-top-width: 2px; border-bottom-width: 2px }
		.bryw--3-s { border-top-width: 4px; border-bottom-width: 4px }
		.bryw--4-s { border-top-width: 8px; border-bottom-width: 8px }
		.bryw--5-s { border-top-width: 16px; border-bottom-width: 16px }
		.bryw--6-s { border-top-width: 32px; border-bottom-width: 32px }
		.bryw--7-s { border-top-width: 64px; border-bottom-width: 64px }
		.bryw--8-s { border-top-width: 128px; border-bottom-width: 128px }

		.brxw--0-s { border-right-width: 0; border-left-width: 0 }
		.brxw--1-s { border-right-width: 1px; border-left-width: 1px }
		.brxw--2-s { border-right-width: 2px; border-left-width: 2px }
		.brxw--3-s { border-right-width: 4px; border-left-width: 4px }
		.brxw--4-s { border-right-width: 8px; border-left-width: 8px }
		.brxw--5-s { border-right-width: 16px; border-left-width: 16px }
		.brxw--6-s { border-right-width: 32px; border-left-width: 32px }
		.brxw--7-s { border-right-width: 64px; border-left-width: 64px }
		.brxw--8-s { border-right-width: 128px; border-left-width: 128px }
	}

/*
 *	BORDER-STYLE
 *	
 *	# Base
 *		brst = border-style (shorthand for the border-*-style properties)
 *		brtst = border-top-style
 *		brrst = border-right-style
 *		brbst = border-bottom-style
 *		brlst = border-left-style
 *		bryst = border-top-style; border-bottom-style
 *		brxst = border-right-style; border-left-style
 *
 *	# Modifiers
 *		--das = dashed
 *		--dot = dotted
 *		--n = none
 *		--sol = solid
 */
.brst--das { border-style: dashed }
.brst--dot { border-style: dotted }
.brst--n { border-style: none }
.brst--sol { border-style: solid }

.brtst--das { border-top-style: dashed }
.brtst--dot { border-top-style: dotted }
.brtst--n { border-top-style: none }
.brtst--sol { border-top-style: solid }

.brrst--das { border-right-style: dashed }
.brrst--dot { border-right-style: dotted }
.brrst--n { border-right-style: none }
.brrst--sol { border-right-style: solid }

.brbst--das { border-bottom-style: dashed }
.brbst--dot { border-bottom-style: dotted }
.brbst--n { border-bottom-style: none }
.brbst--sol { border-bottom-style: solid }

.brlst--das { border-left-style: dashed }
.brlst--dot { border-left-style: dotted }
.brlst--n { border-left-style: none }
.brlst--sol { border-left-style: solid }

.bryst--das { border-top-style: dashed; border-bottom-style: dashed }
.bryst--dot { border-top-style: dotted; border-bottom-style: dotted }
.bryst--n { border-top-style: none; border-bottom-style: none }
.bryst--sol { border-top-style: solid; border-bottom-style: solid }

.brxst--das { border-right-style: dashed; border-left-style: dashed }
.brxst--dot { border-right-style: dotted; border-left-style: dotted }
.brxst--n { border-right-style: none; border-left-style: none }
.brxst--sol { border-right-style: solid; border-left-style: solid }

	@media (max-width: 1280px) {
		.brst--das-l { border-style: dashed }
		.brst--dot-l { border-style: dotted }
		.brst--n-l { border-style: none }
		.brst--sol-l { border-style: solid }

		.brtst--das-l { border-top-style: dashed }
		.brtst--dot-l { border-top-style: dotted }
		.brtst--n-l { border-top-style: none }
		.brtst--sol-l { border-top-style: solid }

		.brrst--das-l { border-right-style: dashed }
		.brrst--dot-l { border-right-style: dotted }
		.brrst--n-l { border-right-style: none }
		.brrst--sol-l { border-right-style: solid }

		.brbst--das-l { border-bottom-style: dashed }
		.brbst--dot-l { border-bottom-style: dotted }
		.brbst--n-l { border-bottom-style: none }
		.brbst--sol-l { border-bottom-style: solid }

		.brlst--das-l { border-left-style: dashed }
		.brlst--dot-l { border-left-style: dotted }
		.brlst--n-l { border-left-style: none }
		.brlst--sol-l { border-left-style: solid }

		.bryst--das-l { border-top-style: dashed; border-bottom-style: dashed }
		.bryst--dot-l { border-top-style: dotted; border-bottom-style: dotted }
		.bryst--n-l { border-top-style: none; border-bottom-style: none }
		.bryst--sol-l { border-top-style: solid; border-bottom-style: solid }

		.brxst--das-l { border-right-style: dashed; border-left-style: dashed }
		.brxst--dot-l { border-right-style: dotted; border-left-style: dotted }
		.brxst--n-l { border-right-style: none; border-left-style: none }
		.brxst--sol-l { border-right-style: solid; border-left-style: solid }
	}

	@media (max-width: 840px) {
		.brst--das-m { border-style: dashed }
		.brst--dot-m { border-style: dotted }
		.brst--n-m { border-style: none }
		.brst--sol-m { border-style: solid }

		.brtst--das-m { border-top-style: dashed }
		.brtst--dot-m { border-top-style: dotted }
		.brtst--n-m { border-top-style: none }
		.brtst--sol-m { border-top-style: solid }

		.brrst--das-m { border-right-style: dashed }
		.brrst--dot-m { border-right-style: dotted }
		.brrst--n-m { border-right-style: none }
		.brrst--sol-m { border-right-style: solid }

		.brbst--das-m { border-bottom-style: dashed }
		.brbst--dot-m { border-bottom-style: dotted }
		.brbst--n-m { border-bottom-style: none }
		.brbst--sol-m { border-bottom-style: solid }

		.brlst--das-m { border-left-style: dashed }
		.brlst--dot-m { border-left-style: dotted }
		.brlst--n-m { border-left-style: none }
		.brlst--sol-m { border-left-style: solid }

		.bryst--das-m { border-top-style: dashed; border-bottom-style: dashed }
		.bryst--dot-m { border-top-style: dotted; border-bottom-style: dotted }
		.bryst--n-m { border-top-style: none; border-bottom-style: none }
		.bryst--sol-m { border-top-style: solid; border-bottom-style: solid }

		.brxst--das-m { border-right-style: dashed; border-left-style: dashed }
		.brxst--dot-m { border-right-style: dotted; border-left-style: dotted }
		.brxst--n-m { border-right-style: none; border-left-style: none }
		.brxst--sol-m { border-right-style: solid; border-left-style: solid }
	}

	@media (max-width: 400px) {
		.brst--das-s { border-style: dashed }
		.brst--dot-s { border-style: dotted }
		.brst--n-s { border-style: none }
		.brst--sol-s { border-style: solid }

		.brtst--das-s { border-top-style: dashed }
		.brtst--dot-s { border-top-style: dotted }
		.brtst--n-s { border-top-style: none }
		.brtst--sol-s { border-top-style: solid }

		.brrst--das-s { border-right-style: dashed }
		.brrst--dot-s { border-right-style: dotted }
		.brrst--n-s { border-right-style: none }
		.brrst--sol-s { border-right-style: solid }

		.brbst--das-s { border-bottom-style: dashed }
		.brbst--dot-s { border-bottom-style: dotted }
		.brbst--n-s { border-bottom-style: none }
		.brbst--sol-s { border-bottom-style: solid }

		.brlst--das-s { border-left-style: dashed }
		.brlst--dot-s { border-left-style: dotted }
		.brlst--n-s { border-left-style: none }
		.brlst--sol-s { border-left-style: solid }

		.bryst--das-s { border-top-style: dashed; border-bottom-style: dashed }
		.bryst--dot-s { border-top-style: dotted; border-bottom-style: dotted }
		.bryst--n-s { border-top-style: none; border-bottom-style: none }
		.bryst--sol-s { border-top-style: solid; border-bottom-style: solid }

		.brxst--das-s { border-right-style: dashed; border-left-style: dashed }
		.brxst--dot-s { border-right-style: dotted; border-left-style: dotted }
		.brxst--n-s { border-right-style: none; border-left-style: none }
		.brxst--sol-s { border-right-style: solid; border-left-style: solid }
	}

/*
 *	BORDER-RADIUS
 *	
 *	# Base
 *		brrad = border-radius (shorthand for the border-*-radius properties)
 *		brtrrad = border-top-right-radius
 *		brtlrad = border-top-left-radius
 *		brbrrad = border-bottom-right-radius
 *		brblrad = border-bottom-left-radius
 *		bryrrad = border-top-right-radius, border-bottom-right-radius
 *		brylrad = border-top-left-radius, border-bottom-left-radius
 *
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--100p = 100% (only for border-radius shorthand)
 */
.brrad--0 { border-radius: 0 }
.brrad--1 { border-radius: 1px }
.brrad--2 { border-radius: 2px }
.brrad--3 { border-radius: 4px }
.brrad--4 { border-radius: 8px }
.brrad--5 { border-radius: 16px }
.brrad--6 { border-radius: 32px }
.brrad--7 { border-radius: 64px }
.brrad--8 { border-radius: 128px }
.brrad--100p { border-radius: 100% }

.brtrrad--0 { border-top-right-radius: 0 }
.brtlrad--0 { border-top-left-radius: 0 }
.brbrrad--0 { border-bottom-right-radius: 0 }
.brblrad--0 { border-bottom-left-radius: 0 }
.bryrrad--0 { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.brylrad--0 { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.brtrrad--1 { border-top-right-radius: 1px }
.brtlrad--1 { border-top-left-radius: 1px }
.brbrrad--1 { border-bottom-right-radius: 1px }
.brblrad--1 { border-bottom-left-radius: 1px }
.bryrrad--1 { border-top-right-radius: 1px; border-bottom-right-radius: 1px }
.brylrad--1 { border-top-left-radius: 1px; border-bottom-left-radius: 1px }

.brtrrad--2 { border-top-right-radius: 2px }
.brtlrad--2 { border-top-left-radius: 2px }
.brbrrad--2 { border-bottom-right-radius: 2px }
.brblrad--2 { border-bottom-left-radius: 2px }
.bryrrad--2 { border-top-right-radius: 2px; border-bottom-right-radius: 2px }
.brylrad--2 { border-top-left-radius: 2px; border-bottom-left-radius: 2px }

.brtrrad--3 { border-top-right-radius: 4px }
.brtlrad--3 { border-top-left-radius: 4px }
.brbrrad--3 { border-bottom-right-radius: 4px }
.brblrad--3 { border-bottom-left-radius: 4px }
.bryrrad--3 { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.brylrad--3 { border-top-left-radius: 4px; border-bottom-left-radius: 4px }

.brtrrad--4 { border-top-right-radius: 8px }
.brtlrad--4 { border-top-left-radius: 8px }
.brbrrad--4 { border-bottom-right-radius: 8px }
.brblrad--4 { border-bottom-left-radius: 8px }
.bryrrad--4 { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.brylrad--4 { border-top-left-radius: 8px; border-bottom-left-radius: 8px }

.brtrrad--5 { border-top-right-radius: 16px }
.brtlrad--5 { border-top-left-radius: 16px }
.brbrrad--5 { border-bottom-right-radius: 16px }
.brblrad--5 { border-bottom-left-radius: 16px }
.bryrrad--5 { border-top-right-radius: 16px; border-bottom-right-radius: 16px }
.brylrad--5 { border-top-left-radius: 16px; border-bottom-left-radius: 16px }

.brtrrad--6 { border-top-right-radius: 32px }
.brtlrad--6 { border-top-left-radius: 32px }
.brbrrad--6 { border-bottom-right-radius: 32px }
.brblrad--6 { border-bottom-left-radius: 32px }
.bryrrad--6 { border-top-right-radius: 32px; border-bottom-right-radius: 32px }
.brylrad--6 { border-top-left-radius: 32px; border-bottom-left-radius: 32px }

.brtrrad--7 { border-top-right-radius: 64px }
.brtlrad--7 { border-top-left-radius: 64px }
.brbrrad--7 { border-bottom-right-radius: 64px }
.brblrad--7 { border-bottom-left-radius: 64px }
.bryrrad--7 { border-top-right-radius: 64px; border-bottom-right-radius: 64px }
.brylrad--7 { border-top-left-radius: 64px; border-bottom-left-radius: 64px }

.brtrrad--8 { border-top-right-radius: 128px }
.brtlrad--8 { border-top-left-radius: 128px }
.brbrrad--8 { border-bottom-right-radius: 128px }
.brblrad--8 { border-bottom-left-radius: 128px }
.bryrrad--8 { border-top-right-radius: 128px; border-bottom-right-radius: 128px }
.brylrad--8 { border-top-left-radius: 128px; border-bottom-left-radius: 128px }

	@media (max-width: 1280px) {
		.brrad--0-l { border-radius: 0 }
		.brrad--1-l { border-radius: 1px }
		.brrad--2-l { border-radius: 2px }
		.brrad--3-l { border-radius: 4px }
		.brrad--4-l { border-radius: 8px }
		.brrad--5-l { border-radius: 16px }
		.brrad--6-l { border-radius: 32px }
		.brrad--7-l { border-radius: 64px }
		.brrad--8-l { border-radius: 128px }
		.brrad--100p-l { border-radius: 100% }

		.brtrrad--0-l { border-top-right-radius: 0 }
		.brtlrad--0-l { border-top-left-radius: 0 }
		.brbrrad--0-l { border-bottom-right-radius: 0 }
		.brblrad--0-l { border-bottom-left-radius: 0 }
		.bryrrad--0-l { border-top-right-radius: 0; border-bottom-right-radius: 0 }
		.brylrad--0-l { border-top-left-radius: 0; border-bottom-left-radius: 0 }

		.brtrrad--1-l { border-top-right-radius: 1px }
		.brtlrad--1-l { border-top-left-radius: 1px }
		.brbrrad--1-l { border-bottom-right-radius: 1px }
		.brblrad--1-l { border-bottom-left-radius: 1px }
		.bryrrad--1-l { border-top-right-radius: 1px; border-bottom-right-radius: 1px }
		.brylrad--1-l { border-top-left-radius: 1px; border-bottom-left-radius: 1px }

		.brtrrad--2-l { border-top-right-radius: 2px }
		.brtlrad--2-l { border-top-left-radius: 2px }
		.brbrrad--2-l { border-bottom-right-radius: 2px }
		.brblrad--2-l { border-bottom-left-radius: 2px }
		.bryrrad--2-l { border-top-right-radius: 2px; border-bottom-right-radius: 2px }
		.brylrad--2-l { border-top-left-radius: 2px; border-bottom-left-radius: 2px }

		.brtrrad--3-l { border-top-right-radius: 4px }
		.brtlrad--3-l { border-top-left-radius: 4px }
		.brbrrad--3-l { border-bottom-right-radius: 4px }
		.brblrad--3-l { border-bottom-left-radius: 4px }
		.bryrrad--3-l { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
		.brylrad--3-l { border-top-left-radius: 4px; border-bottom-left-radius: 4px }

		.brtrrad--4-l { border-top-right-radius: 8px }
		.brtlrad--4-l { border-top-left-radius: 8px }
		.brbrrad--4-l { border-bottom-right-radius: 8px }
		.brblrad--4-l { border-bottom-left-radius: 8px }
		.bryrrad--4-l { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
		.brylrad--4-l { border-top-left-radius: 8px; border-bottom-left-radius: 8px }

		.brtrrad--5-l { border-top-right-radius: 16px }
		.brtlrad--5-l { border-top-left-radius: 16px }
		.brbrrad--5-l { border-bottom-right-radius: 16px }
		.brblrad--5-l { border-bottom-left-radius: 16px }
		.bryrrad--5-l { border-top-right-radius: 16px; border-bottom-right-radius: 16px }
		.brylrad--5-l { border-top-left-radius: 16px; border-bottom-left-radius: 16px }

		.brtrrad--6-l { border-top-right-radius: 32px }
		.brtlrad--6-l { border-top-left-radius: 32px }
		.brbrrad--6-l { border-bottom-right-radius: 32px }
		.brblrad--6-l { border-bottom-left-radius: 32px }
		.bryrrad--6-l { border-top-right-radius: 32px; border-bottom-right-radius: 32px }
		.brylrad--6-l { border-top-left-radius: 32px; border-bottom-left-radius: 32px }

		.brtrrad--7-l { border-top-right-radius: 64px }
		.brtlrad--7-l { border-top-left-radius: 64px }
		.brbrrad--7-l { border-bottom-right-radius: 64px }
		.brblrad--7-l { border-bottom-left-radius: 64px }
		.bryrrad--7-l { border-top-right-radius: 64px; border-bottom-right-radius: 64px }
		.brylrad--7-l { border-top-left-radius: 64px; border-bottom-left-radius: 64px }

		.brtrrad--8-l { border-top-right-radius: 128px }
		.brtlrad--8-l { border-top-left-radius: 128px }
		.brbrrad--8-l { border-bottom-right-radius: 128px }
		.brblrad--8-l { border-bottom-left-radius: 128px }
		.bryrrad--8-l { border-top-right-radius: 128px; border-bottom-right-radius: 128px }
		.brylrad--8-l { border-top-left-radius: 128px; border-bottom-left-radius: 128px }
	}

	@media (max-width: 840px) {
		.brrad--0-m { border-radius: 0 }
		.brrad--1-m { border-radius: 1px }
		.brrad--2-m { border-radius: 2px }
		.brrad--3-m { border-radius: 4px }
		.brrad--4-m { border-radius: 8px }
		.brrad--5-m { border-radius: 16px }
		.brrad--6-m { border-radius: 32px }
		.brrad--7-m { border-radius: 64px }
		.brrad--8-m { border-radius: 128px }
		.brrad--100p-m { border-radius: 100% }

		.brtrrad--0-m { border-top-right-radius: 0 }
		.brtlrad--0-m { border-top-left-radius: 0 }
		.brbrrad--0-m { border-bottom-right-radius: 0 }
		.brblrad--0-m { border-bottom-left-radius: 0 }
		.bryrrad--0-m { border-top-right-radius: 0; border-bottom-right-radius: 0 }
		.brylrad--0-m { border-top-left-radius: 0; border-bottom-left-radius: 0 }

		.brtrrad--1-m { border-top-right-radius: 1px }
		.brtlrad--1-m { border-top-left-radius: 1px }
		.brbrrad--1-m { border-bottom-right-radius: 1px }
		.brblrad--1-m { border-bottom-left-radius: 1px }
		.bryrrad--1-m { border-top-right-radius: 1px; border-bottom-right-radius: 1px }
		.brylrad--1-m { border-top-left-radius: 1px; border-bottom-left-radius: 1px }

		.brtrrad--2-m { border-top-right-radius: 2px }
		.brtlrad--2-m { border-top-left-radius: 2px }
		.brbrrad--2-m { border-bottom-right-radius: 2px }
		.brblrad--2-m { border-bottom-left-radius: 2px }
		.bryrrad--2-m { border-top-right-radius: 2px; border-bottom-right-radius: 2px }
		.brylrad--2-m { border-top-left-radius: 2px; border-bottom-left-radius: 2px }

		.brtrrad--3-m { border-top-right-radius: 4px }
		.brtlrad--3-m { border-top-left-radius: 4px }
		.brbrrad--3-m { border-bottom-right-radius: 4px }
		.brblrad--3-m { border-bottom-left-radius: 4px }
		.bryrrad--3-m { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
		.brylrad--3-m { border-top-left-radius: 4px; border-bottom-left-radius: 4px }

		.brtrrad--4-m { border-top-right-radius: 8px }
		.brtlrad--4-m { border-top-left-radius: 8px }
		.brbrrad--4-m { border-bottom-right-radius: 8px }
		.brblrad--4-m { border-bottom-left-radius: 8px }
		.bryrrad--4-m { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
		.brylrad--4-m { border-top-left-radius: 8px; border-bottom-left-radius: 8px }

		.brtrrad--5-m { border-top-right-radius: 16px }
		.brtlrad--5-m { border-top-left-radius: 16px }
		.brbrrad--5-m { border-bottom-right-radius: 16px }
		.brblrad--5-m { border-bottom-left-radius: 16px }
		.bryrrad--5-m { border-top-right-radius: 16px; border-bottom-right-radius: 16px }
		.brylrad--5-m { border-top-left-radius: 16px; border-bottom-left-radius: 16px }

		.brtrrad--6-m { border-top-right-radius: 32px }
		.brtlrad--6-m { border-top-left-radius: 32px }
		.brbrrad--6-m { border-bottom-right-radius: 32px }
		.brblrad--6-m { border-bottom-left-radius: 32px }
		.bryrrad--6-m { border-top-right-radius: 32px; border-bottom-right-radius: 32px }
		.brylrad--6-m { border-top-left-radius: 32px; border-bottom-left-radius: 32px }

		.brtrrad--7-m { border-top-right-radius: 64px }
		.brtlrad--7-m { border-top-left-radius: 64px }
		.brbrrad--7-m { border-bottom-right-radius: 64px }
		.brblrad--7-m { border-bottom-left-radius: 64px }
		.bryrrad--7-m { border-top-right-radius: 64px; border-bottom-right-radius: 64px }
		.brylrad--7-m { border-top-left-radius: 64px; border-bottom-left-radius: 64px }

		.brtrrad--8-m { border-top-right-radius: 128px }
		.brtlrad--8-m { border-top-left-radius: 128px }
		.brbrrad--8-m { border-bottom-right-radius: 128px }
		.brblrad--8-m { border-bottom-left-radius: 128px }
		.bryrrad--8-m { border-top-right-radius: 128px; border-bottom-right-radius: 128px }
		.brylrad--8-m { border-top-left-radius: 128px; border-bottom-left-radius: 128px }
	}

	@media (max-width: 400px) {
		.brrad--0-s { border-radius: 0 }
		.brrad--1-s { border-radius: 1px }
		.brrad--2-s { border-radius: 2px }
		.brrad--3-s { border-radius: 4px }
		.brrad--4-s { border-radius: 8px }
		.brrad--5-s { border-radius: 16px }
		.brrad--6-s { border-radius: 32px }
		.brrad--7-s { border-radius: 64px }
		.brrad--8-s { border-radius: 128px }
		.brrad--100p-s { border-radius: 100% }

		.brtrrad--0-s { border-top-right-radius: 0 }
		.brtlrad--0-s { border-top-left-radius: 0 }
		.brbrrad--0-s { border-bottom-right-radius: 0 }
		.brblrad--0-s { border-bottom-left-radius: 0 }
		.bryrrad--0-s { border-top-right-radius: 0; border-bottom-right-radius: 0 }
		.brylrad--0-s { border-top-left-radius: 0; border-bottom-left-radius: 0 }

		.brtrrad--1-s { border-top-right-radius: 1px }
		.brtlrad--1-s { border-top-left-radius: 1px }
		.brbrrad--1-s { border-bottom-right-radius: 1px }
		.brblrad--1-s { border-bottom-left-radius: 1px }
		.bryrrad--1-s { border-top-right-radius: 1px; border-bottom-right-radius: 1px }
		.brylrad--1-s { border-top-left-radius: 1px; border-bottom-left-radius: 1px }

		.brtrrad--2-s { border-top-right-radius: 2px }
		.brtlrad--2-s { border-top-left-radius: 2px }
		.brbrrad--2-s { border-bottom-right-radius: 2px }
		.brblrad--2-s { border-bottom-left-radius: 2px }
		.bryrrad--2-s { border-top-right-radius: 2px; border-bottom-right-radius: 2px }
		.brylrad--2-s { border-top-left-radius: 2px; border-bottom-left-radius: 2px }

		.brtrrad--3-s { border-top-right-radius: 4px }
		.brtlrad--3-s { border-top-left-radius: 4px }
		.brbrrad--3-s { border-bottom-right-radius: 4px }
		.brblrad--3-s { border-bottom-left-radius: 4px }
		.bryrrad--3-s { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
		.brylrad--3-s { border-top-left-radius: 4px; border-bottom-left-radius: 4px }

		.brtrrad--4-s { border-top-right-radius: 8px }
		.brtlrad--4-s { border-top-left-radius: 8px }
		.brbrrad--4-s { border-bottom-right-radius: 8px }
		.brblrad--4-s { border-bottom-left-radius: 8px }
		.bryrrad--4-s { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
		.brylrad--4-s { border-top-left-radius: 8px; border-bottom-left-radius: 8px }

		.brtrrad--5-s { border-top-right-radius: 16px }
		.brtlrad--5-s { border-top-left-radius: 16px }
		.brbrrad--5-s { border-bottom-right-radius: 16px }
		.brblrad--5-s { border-bottom-left-radius: 16px }
		.bryrrad--5-s { border-top-right-radius: 16px; border-bottom-right-radius: 16px }
		.brylrad--5-s { border-top-left-radius: 16px; border-bottom-left-radius: 16px }

		.brtrrad--6-s { border-top-right-radius: 32px }
		.brtlrad--6-s { border-top-left-radius: 32px }
		.brbrrad--6-s { border-bottom-right-radius: 32px }
		.brblrad--6-s { border-bottom-left-radius: 32px }
		.bryrrad--6-s { border-top-right-radius: 32px; border-bottom-right-radius: 32px }
		.brylrad--6-s { border-top-left-radius: 32px; border-bottom-left-radius: 32px }

		.brtrrad--7-s { border-top-right-radius: 64px }
		.brtlrad--7-s { border-top-left-radius: 64px }
		.brbrrad--7-s { border-bottom-right-radius: 64px }
		.brblrad--7-s { border-bottom-left-radius: 64px }
		.bryrrad--7-s { border-top-right-radius: 64px; border-bottom-right-radius: 64px }
		.brylrad--7-s { border-top-left-radius: 64px; border-bottom-left-radius: 64px }

		.brtrrad--8-s { border-top-right-radius: 128px }
		.brtlrad--8-s { border-top-left-radius: 128px }
		.brbrrad--8-s { border-bottom-right-radius: 128px }
		.brblrad--8-s { border-bottom-left-radius: 128px }
		.bryrrad--8-s { border-top-right-radius: 128px; border-bottom-right-radius: 128px }
		.brylrad--8-s { border-top-left-radius: 128px; border-bottom-left-radius: 128px }
	}

/*
 *	BORDER-COLOR
 *
 *	# Base
 *		brc = border-color (shorthand for the border-*-color properties)
 *		brtc = border-top-color
 *		brrc = border-right-color
 *		brbc = border-bottom-color
 *		brlc = border-left-color
 *
 *		brchvr = border-color:hover
 *		brtchvr = border-top-color:hover
 *		brrchvr = border-right-color:hover
 *		brbchvr = border-bottom-color:hover
 *		brlchvr = border-left-color:hover
 *
 *	# Modifiers
 *		--gy1 = #fafafa (grey)
 *		--gy2 = #ededed (grey)
 *		--gy3 = #dddddd (grey)
 *		--gy4 = #b1b1b1 (grey)
 *		--gy5 = #878787 (grey)
 *		--gy6 = #6a6a6a (grey)
 *		--gy7 = #4d4d4d (grey)
 *		--gy8 = #303030 (grey)
 *		--rd1 = #c8102e (red)
 *		--gn1 = #009f4d (green)
 *		--bl1 = #006eb6 (blue)
 *		--yl1 = #ffc428 (yellow)
 *		--bk1 = #000000 (black)
 *		--wh1 = #ffffff (white)
 *		--tp = transparent
 */
.brc--gy1 { border-color: #fafafa }
.brc--gy2 { border-color: #ededed }
.brc--gy3 { border-color: #dddddd }
.brc--gy4 { border-color: #b1b1b1 }
.brc--gy5 { border-color: #878787 }
.brc--gy6 { border-color: #6a6a6a }
.brc--gy7 { border-color: #4d4d4d }
.brc--gy8 { border-color: #303030 }
.brc--rd1 { border-color: #c8102e }
.brc--gn1 { border-color: #009f4d }
.brc--bl1 { border-color: #006eb6 }
.brc--yl1 { border-color: #ffc428 }
.brc--bk1 { border-color: #000000 }
.brc--wh1 { border-color: #ffffff }
.brc--tp { border-color: transparent }

.brtc--gy1 { border-top-color: #fafafa }
.brtc--gy2 { border-top-color: #ededed }
.brtc--gy3 { border-top-color: #dddddd }
.brtc--gy4 { border-top-color: #b1b1b1 }
.brtc--gy5 { border-top-color: #878787 }
.brtc--gy6 { border-top-color: #6a6a6a }
.brtc--gy7 { border-top-color: #4d4d4d }
.brtc--gy8 { border-top-color: #303030 }
.brtc--rd1 { border-top-color: #c8102e }
.brtc--gn1 { border-top-color: #009f4d }
.brtc--bl1 { border-top-color: #006eb6 }
.brtc--yl1 { border-top-color: #ffc428 }
.brtc--bk1 { border-top-color: #000000 }
.brtc--wh1 { border-top-color: #ffffff }
.brtc--tp { border-top-color: transparent }

.brrc--gy1 { border-right-color: #fafafa }
.brrc--gy2 { border-right-color: #ededed }
.brrc--gy3 { border-right-color: #dddddd }
.brrc--gy4 { border-right-color: #b1b1b1 }
.brrc--gy5 { border-right-color: #878787 }
.brrc--gy6 { border-right-color: #6a6a6a }
.brrc--gy7 { border-right-color: #4d4d4d }
.brrc--gy8 { border-right-color: #303030 }
.brrc--rd1 { border-right-color: #c8102e }
.brrc--gn1 { border-right-color: #009f4d }
.brrc--bl1 { border-right-color: #006eb6 }
.brrc--yl1 { border-right-color: #ffc428 }
.brrc--bk1 { border-right-color: #000000 }
.brrc--wh1 { border-right-color: #ffffff }
.brrc--tp { border-right-color: transparent }

.brbc--gy1 { border-bottom-color: #fafafa }
.brbc--gy2 { border-bottom-color: #ededed }
.brbc--gy3 { border-bottom-color: #dddddd }
.brbc--gy4 { border-bottom-color: #b1b1b1 }
.brbc--gy5 { border-bottom-color: #878787 }
.brbc--gy6 { border-bottom-color: #6a6a6a }
.brbc--gy7 { border-bottom-color: #4d4d4d }
.brbc--gy8 { border-bottom-color: #303030 }
.brbc--rd1 { border-bottom-color: #c8102e }
.brbc--gn1 { border-bottom-color: #009f4d }
.brbc--bl1 { border-bottom-color: #006eb6 }
.brbc--yl1 { border-bottom-color: #ffc428 }
.brbc--bk1 { border-bottom-color: #000000 }
.brbc--wh1 { border-bottom-color: #ffffff }
.brbc--tp { border-bottom-color: transparent }

.brlc--gy1 { border-left-color: #fafafa }
.brlc--gy2 { border-left-color: #ededed }
.brlc--gy3 { border-left-color: #dddddd }
.brlc--gy4 { border-left-color: #b1b1b1 }
.brlc--gy5 { border-left-color: #878787 }
.brlc--gy6 { border-left-color: #6a6a6a }
.brlc--gy7 { border-left-color: #4d4d4d }
.brlc--gy8 { border-left-color: #303030 }
.brlc--rd1 { border-left-color: #c8102e }
.brlc--gn1 { border-left-color: #009f4d }
.brlc--bl1 { border-left-color: #006eb6 }
.brlc--yl1 { border-left-color: #ffc428 }
.brlc--bk1 { border-left-color: #000000 }
.brlc--wh1 { border-left-color: #ffffff }
.brlc--tp { border-left-color: transparent }

.brchvr--gy1:hover { border-color: #fafafa }
.brchvr--gy2:hover { border-color: #ededed }
.brchvr--gy3:hover { border-color: #dddddd }
.brchvr--gy4:hover { border-color: #b1b1b1 }
.brchvr--gy5:hover { border-color: #878787 }
.brchvr--gy6:hover { border-color: #6a6a6a }
.brchvr--gy7:hover { border-color: #4d4d4d }
.brchvr--gy8:hover { border-color: #303030 }
.brchvr--rd1:hover { border-color: #c8102e }
.brchvr--gn1:hover { border-color: #009f4d }
.brchvr--bl1:hover { border-color: #006eb6 }
.brchvr--yl1:hover { border-color: #ffc428 }
.brchvr--bk1:hover { border-color: #000000 }
.brchvr--wh1:hover { border-color: #ffffff }
.brchvr--tp:hover { border-color: transparent }

.brtchvr--gy1:hover { border-top-color: #fafafa }
.brtchvr--gy2:hover { border-top-color: #ededed }
.brtchvr--gy3:hover { border-top-color: #dddddd }
.brtchvr--gy4:hover { border-top-color: #b1b1b1 }
.brtchvr--gy5:hover { border-top-color: #878787 }
.brtchvr--gy6:hover { border-top-color: #6a6a6a }
.brtchvr--gy7:hover { border-top-color: #4d4d4d }
.brtchvr--gy8:hover { border-top-color: #303030 }
.brtchvr--rd1:hover { border-top-color: #c8102e }
.brtchvr--gn1:hover { border-top-color: #009f4d }
.brtchvr--bl1:hover { border-top-color: #006eb6 }
.brtchvr--yl1:hover { border-top-color: #ffc428 }
.brtchvr--bk1:hover { border-top-color: #000000 }
.brtchvr--wh1:hover { border-top-color: #ffffff }
.brtchvr--tp:hover{ border-top-color: transparent }

.brrchvr--gy1:hover { border-right-color: #fafafa }
.brrchvr--gy2:hover { border-right-color: #ededed }
.brrchvr--gy3:hover { border-right-color: #dddddd }
.brrchvr--gy4:hover { border-right-color: #b1b1b1 }
.brrchvr--gy5:hover { border-right-color: #878787 }
.brrchvr--gy6:hover { border-right-color: #6a6a6a }
.brrchvr--gy7:hover { border-right-color: #4d4d4d }
.brrchvr--gy8:hover { border-right-color: #303030 }
.brrchvr--rd1:hover { border-right-color: #c8102e }
.brrchvr--gn1:hover { border-right-color: #009f4d }
.brrchvr--bl1:hover { border-right-color: #006eb6 }
.brrchvr--yl1:hover { border-right-color: #ffc428 }
.brrchvr--bk1:hover { border-right-color: #000000 }
.brrchvr--wh1:hover { border-right-color: #ffffff }
.brrchvr--tp:hover { border-right-color: transparent }

.brbchvr--gy1:hover { border-bottom-color: #fafafa }
.brbchvr--gy2:hover { border-bottom-color: #ededed }
.brbchvr--gy3:hover { border-bottom-color: #dddddd }
.brbchvr--gy4:hover { border-bottom-color: #b1b1b1 }
.brbchvr--gy5:hover { border-bottom-color: #878787 }
.brbchvr--gy6:hover { border-bottom-color: #6a6a6a }
.brbchvr--gy7:hover { border-bottom-color: #4d4d4d }
.brbchvr--gy8:hover { border-bottom-color: #303030 }
.brbchvr--rd1:hover { border-bottom-color: #c8102e }
.brbchvr--gn1:hover { border-bottom-color: #009f4d }
.brbchvr--bl1:hover { border-bottom-color: #006eb6 }
.brbchvr--yl1:hover { border-bottom-color: #ffc428 }
.brbchvr--bk1:hover { border-bottom-color: #000000 }
.brbchvr--wh1:hover { border-bottom-color: #ffffff }
.brbchvr--tp:hover { border-bottom-color: transparent }

.brlchvr--gy1:hover { border-left-color: #fafafa }
.brlchvr--gy2:hover { border-left-color: #ededed }
.brlchvr--gy3:hover { border-left-color: #dddddd }
.brlchvr--gy4:hover { border-left-color: #b1b1b1 }
.brlchvr--gy5:hover { border-left-color: #878787 }
.brlchvr--gy6:hover { border-left-color: #6a6a6a }
.brlchvr--gy7:hover { border-left-color: #4d4d4d }
.brlchvr--gy8:hover { border-left-color: #303030 }
.brlchvr--rd1:hover { border-left-color: #c8102e }
.brlchvr--gn1:hover { border-left-color: #009f4d }
.brlchvr--bl1:hover { border-left-color: #006eb6 }
.brlchvr--yl1:hover { border-left-color: #ffc428 }
.brlchvr--bk1:hover { border-left-color: #000000 }
.brlchvr--wh1:hover { border-left-color: #ffffff }
.brlchvr--tp:hover { border-left-color: transparent }

	@media (max-width: 1280px) {
		.brc--gy1-l { border-color: #fafafa }
		.brc--gy2-l { border-color: #ededed }
		.brc--gy3-l { border-color: #dddddd }
		.brc--gy4-l { border-color: #b1b1b1 }
		.brc--gy5-l { border-color: #878787 }
		.brc--gy6-l { border-color: #6a6a6a }
		.brc--gy7-l { border-color: #4d4d4d }
		.brc--gy8-l { border-color: #303030 }
		.brc--rd1-l { border-color: #c8102e }
		.brc--gn1-l { border-color: #009f4d }
		.brc--bl1-l { border-color: #006eb6 }
		.brc--yl1-l { border-color: #ffc428 }
		.brc--bk1-l { border-color: #000000 }
		.brc--wh1-l { border-color: #ffffff }
		.brc--tp-l { border-color: transparent }

		.brtc--gy1-l { border-top-color: #fafafa }
		.brtc--gy2-l { border-top-color: #ededed }
		.brtc--gy3-l { border-top-color: #dddddd }
		.brtc--gy4-l { border-top-color: #b1b1b1 }
		.brtc--gy5-l { border-top-color: #878787 }
		.brtc--gy6-l { border-top-color: #6a6a6a }
		.brtc--gy7-l { border-top-color: #4d4d4d }
		.brtc--gy8-l { border-top-color: #303030 }
		.brtc--rd1-l { border-top-color: #c8102e }
		.brtc--gn1-l { border-top-color: #009f4d }
		.brtc--bl1-l { border-top-color: #006eb6 }
		.brtc--yl1-l { border-top-color: #ffc428 }
		.brtc--bk1-l { border-top-color: #000000 }
		.brtc--wh1-l { border-top-color: #ffffff }
		.brtc--tp-l { border-top-color: transparent }

		.brrc--gy1-l { border-right-color: #fafafa }
		.brrc--gy2-l { border-right-color: #ededed }
		.brrc--gy3-l { border-right-color: #dddddd }
		.brrc--gy4-l { border-right-color: #b1b1b1 }
		.brrc--gy5-l { border-right-color: #878787 }
		.brrc--gy6-l { border-right-color: #6a6a6a }
		.brrc--gy7-l { border-right-color: #4d4d4d }
		.brrc--gy8-l { border-right-color: #303030 }
		.brrc--rd1-l { border-right-color: #c8102e }
		.brrc--gn1-l { border-right-color: #009f4d }
		.brrc--bl1-l { border-right-color: #006eb6 }
		.brrc--yl1-l { border-right-color: #ffc428 }
		.brrc--bk1-l { border-right-color: #000000 }
		.brrc--wh1-l { border-right-color: #ffffff }
		.brrc--tp-l { border-right-color: transparent }

		.brbc--gy1-l { border-bottom-color: #fafafa }
		.brbc--gy2-l { border-bottom-color: #ededed }
		.brbc--gy3-l { border-bottom-color: #dddddd }
		.brbc--gy4-l { border-bottom-color: #b1b1b1 }
		.brbc--gy5-l { border-bottom-color: #878787 }
		.brbc--gy6-l { border-bottom-color: #6a6a6a }
		.brbc--gy7-l { border-bottom-color: #4d4d4d }
		.brbc--gy8-l { border-bottom-color: #303030 }
		.brbc--rd1-l { border-bottom-color: #c8102e }
		.brbc--gn1-l { border-bottom-color: #009f4d }
		.brbc--bl1-l { border-bottom-color: #006eb6 }
		.brbc--yl1-l { border-bottom-color: #ffc428 }
		.brbc--bk1-l { border-bottom-color: #000000 }
		.brbc--wh1-l { border-bottom-color: #ffffff }
		.brbc--tp-l { border-bottom-color: transparent }

		.brlc--gy1-l { border-left-color: #fafafa }
		.brlc--gy2-l { border-left-color: #ededed }
		.brlc--gy3-l { border-left-color: #dddddd }
		.brlc--gy4-l { border-left-color: #b1b1b1 }
		.brlc--gy5-l { border-left-color: #878787 }
		.brlc--gy6-l { border-left-color: #6a6a6a }
		.brlc--gy7-l { border-left-color: #4d4d4d }
		.brlc--gy8-l { border-left-color: #303030 }
		.brlc--rd1-l { border-left-color: #c8102e }
		.brlc--gn1-l { border-left-color: #009f4d }
		.brlc--bl1-l { border-left-color: #006eb6 }
		.brlc--yl1-l { border-left-color: #ffc428 }
		.brlc--bk1-l { border-left-color: #000000 }
		.brlc--wh1-l { border-left-color: #ffffff }
		.brlc--tp-l { border-left-color: transparent }

		.brchvr--gy1-l:hover { border-color: #fafafa }
		.brchvr--gy2-l:hover { border-color: #ededed }
		.brchvr--gy3-l:hover { border-color: #dddddd }
		.brchvr--gy4-l:hover { border-color: #b1b1b1 }
		.brchvr--gy5-l:hover { border-color: #878787 }
		.brchvr--gy6-l:hover { border-color: #6a6a6a }
		.brchvr--gy7-l:hover { border-color: #4d4d4d }
		.brchvr--gy8-l:hover { border-color: #303030 }
		.brchvr--rd1-l:hover { border-color: #c8102e }
		.brchvr--gn1-l:hover { border-color: #009f4d }
		.brchvr--bl1-l:hover { border-color: #006eb6 }
		.brchvr--yl1-l:hover { border-color: #ffc428 }
		.brchvr--bk1-l:hover { border-color: #000000 }
		.brchvr--wh1-l:hover { border-color: #ffffff }
		.brchvr--tp-l:hover { border-color: transparent }
		
		.brtchvr--gy-l:hover { border-top-color: #fafafa }
		.brtchvr--gy-l:hover { border-top-color: #ededed }
		.brtchvr--gy-l:hover { border-top-color: #dddddd }
		.brtchvr--gy-l:hover { border-top-color: #b1b1b1 }
		.brtchvr--gy-l:hover { border-top-color: #878787 }
		.brtchvr--gy-l:hover { border-top-color: #6a6a6a }
		.brtchvr--gy-l:hover { border-top-color: #4d4d4d }
		.brtchvr--gy-l:hover { border-top-color: #303030 }
		.brtchvr--rd-l:hover { border-top-color: #c8102e }
		.brtchvr--gn-l:hover { border-top-color: #009f4d }
		.brtchvr--bl-l:hover { border-top-color: #006eb6 }
		.brtchvr--yl-l:hover { border-top-color: #ffc428 }
		.brtchvr--bk-l:hover { border-top-color: #000000 }
		.brtchvr--wt-l:hover { border-top-color: #ffffff }
		.brtchvr--tp-l:hover{ border-top-color: transparent }

		.brrchvr--gy1-l:hover { border-right-color: #fafafa }
		.brrchvr--gy2-l:hover { border-right-color: #ededed }
		.brrchvr--gy3-l:hover { border-right-color: #dddddd }
		.brrchvr--gy4-l:hover { border-right-color: #b1b1b1 }
		.brrchvr--gy5-l:hover { border-right-color: #878787 }
		.brrchvr--gy6-l:hover { border-right-color: #6a6a6a }
		.brrchvr--gy7-l:hover { border-right-color: #4d4d4d }
		.brrchvr--gy8-l:hover { border-right-color: #303030 }
		.brrchvr--rd1-l:hover { border-right-color: #c8102e }
		.brrchvr--gn1-l:hover { border-right-color: #009f4d }
		.brrchvr--bl1-l:hover { border-right-color: #006eb6 }
		.brrchvr--yl1-l:hover { border-right-color: #ffc428 }
		.brrchvr--bk1-l:hover { border-right-color: #000000 }
		.brrchvr--wh1-l:hover { border-right-color: #ffffff }
		.brrchvr--tp-l:hover { border-right-color: transparent }
		
		.brbchvr--gy1-l:hover { border-bottom-color: #fafafa }
		.brbchvr--gy2-l:hover { border-bottom-color: #ededed }
		.brbchvr--gy3-l:hover { border-bottom-color: #dddddd }
		.brbchvr--gy4-l:hover { border-bottom-color: #b1b1b1 }
		.brbchvr--gy5-l:hover { border-bottom-color: #878787 }
		.brbchvr--gy6-l:hover { border-bottom-color: #6a6a6a }
		.brbchvr--gy7-l:hover { border-bottom-color: #4d4d4d }
		.brbchvr--gy8-l:hover { border-bottom-color: #303030 }
		.brbchvr--rd1-l:hover { border-bottom-color: #c8102e }
		.brbchvr--gn1-l:hover { border-bottom-color: #009f4d }
		.brbchvr--bl1-l:hover { border-bottom-color: #006eb6 }
		.brbchvr--yl1-l:hover { border-bottom-color: #ffc428 }
		.brbchvr--bk1-l:hover { border-bottom-color: #000000 }
		.brbchvr--wh1-l:hover { border-bottom-color: #ffffff }
		.brbchvr--tp-l:hover { border-bottom-color: transparent }

		.brlchvr--gy1-l:hover { border-left-color: #fafafa }
		.brlchvr--gy2-l:hover { border-left-color: #ededed }
		.brlchvr--gy3-l:hover { border-left-color: #dddddd }
		.brlchvr--gy4-l:hover { border-left-color: #b1b1b1 }
		.brlchvr--gy5-l:hover { border-left-color: #878787 }
		.brlchvr--gy6-l:hover { border-left-color: #6a6a6a }
		.brlchvr--gy7-l:hover { border-left-color: #4d4d4d }
		.brlchvr--gy8-l:hover { border-left-color: #303030 }
		.brlchvr--rd1-l:hover { border-left-color: #c8102e }
		.brlchvr--gn1-l:hover { border-left-color: #009f4d }
		.brlchvr--bl1-l:hover { border-left-color: #006eb6 }
		.brlchvr--yl1-l:hover { border-left-color: #ffc428 }
		.brlchvr--bk1-l:hover { border-left-color: #000000 }
		.brlchvr--wh1-l:hover { border-left-color: #ffffff }
		.brlchvr--tp-l:hover { border-left-color: transparent }
	}

	@media (max-width: 840px) {
		.brc--gy1-m { border-color: #fafafa }
		.brc--gy2-m { border-color: #ededed }
		.brc--gy3-m { border-color: #dddddd }
		.brc--gy4-m { border-color: #b1b1b1 }
		.brc--gy5-m { border-color: #878787 }
		.brc--gy6-m { border-color: #6a6a6a }
		.brc--gy7-m { border-color: #4d4d4d }
		.brc--gy8-m { border-color: #303030 }
		.brc--rd1-m { border-color: #c8102e }
		.brc--gn1-m { border-color: #009f4d }
		.brc--bl1-m { border-color: #006eb6 }
		.brc--yl1-m { border-color: #ffc428 }
		.brc--bk1-m { border-color: #000000 }
		.brc--wh1-m { border-color: #ffffff }
		.brc--tp-m { border-color: transparent }

		.brtc--gy1-m { border-top-color: #fafafa }
		.brtc--gy2-m { border-top-color: #ededed }
		.brtc--gy3-m { border-top-color: #dddddd }
		.brtc--gy4-m { border-top-color: #b1b1b1 }
		.brtc--gy5-m { border-top-color: #878787 }
		.brtc--gy6-m { border-top-color: #6a6a6a }
		.brtc--gy7-m { border-top-color: #4d4d4d }
		.brtc--gy8-m { border-top-color: #303030 }
		.brtc--rd1-m { border-top-color: #c8102e }
		.brtc--gn1-m { border-top-color: #009f4d }
		.brtc--bl1-m { border-top-color: #006eb6 }
		.brtc--yl1-m { border-top-color: #ffc428 }
		.brtc--bk1-m { border-top-color: #000000 }
		.brtc--wh1-m { border-top-color: #ffffff }
		.brtc--tp-m { border-top-color: transparent }

		.brrc--gy1-m { border-right-color: #fafafa }
		.brrc--gy2-m { border-right-color: #ededed }
		.brrc--gy3-m { border-right-color: #dddddd }
		.brrc--gy4-m { border-right-color: #b1b1b1 }
		.brrc--gy5-m { border-right-color: #878787 }
		.brrc--gy6-m { border-right-color: #6a6a6a }
		.brrc--gy7-m { border-right-color: #4d4d4d }
		.brrc--gy8-m { border-right-color: #303030 }
		.brrc--rd1-m { border-right-color: #c8102e }
		.brrc--gn1-m { border-right-color: #009f4d }
		.brrc--bl1-m { border-right-color: #006eb6 }
		.brrc--yl1-m { border-right-color: #ffc428 }
		.brrc--bk1-m { border-right-color: #000000 }
		.brrc--wh1-m { border-right-color: #ffffff }
		.brrc--tp-m { border-right-color: transparent }

		.brbc--gy1-m { border-bottom-color: #fafafa }
		.brbc--gy2-m { border-bottom-color: #ededed }
		.brbc--gy3-m { border-bottom-color: #dddddd }
		.brbc--gy4-m { border-bottom-color: #b1b1b1 }
		.brbc--gy5-m { border-bottom-color: #878787 }
		.brbc--gy6-m { border-bottom-color: #6a6a6a }
		.brbc--gy7-m { border-bottom-color: #4d4d4d }
		.brbc--gy8-m { border-bottom-color: #303030 }
		.brbc--rd1-m { border-bottom-color: #c8102e }
		.brbc--gn1-m { border-bottom-color: #009f4d }
		.brbc--bl1-m { border-bottom-color: #006eb6 }
		.brbc--yl1-m { border-bottom-color: #ffc428 }
		.brbc--bk1-m { border-bottom-color: #000000 }
		.brbc--wh1-m { border-bottom-color: #ffffff }
		.brbc--tp-m { border-bottom-color: transparent }

		.brlc--gy1-m { border-left-color: #fafafa }
		.brlc--gy2-m { border-left-color: #ededed }
		.brlc--gy3-m { border-left-color: #dddddd }
		.brlc--gy4-m { border-left-color: #b1b1b1 }
		.brlc--gy5-m { border-left-color: #878787 }
		.brlc--gy6-m { border-left-color: #6a6a6a }
		.brlc--gy7-m { border-left-color: #4d4d4d }
		.brlc--gy8-m { border-left-color: #303030 }
		.brlc--rd1-m { border-left-color: #c8102e }
		.brlc--gn1-m { border-left-color: #009f4d }
		.brlc--bl1-m { border-left-color: #006eb6 }
		.brlc--yl1-m { border-left-color: #ffc428 }
		.brlc--bk1-m { border-left-color: #000000 }
		.brlc--wh1-m { border-left-color: #ffffff }
		.brlc--tp-m { border-left-color: transparent }

		.brchvr--gy1-m:hover { border-color: #fafafa }
		.brchvr--gy2-m:hover { border-color: #ededed }
		.brchvr--gy3-m:hover { border-color: #dddddd }
		.brchvr--gy4-m:hover { border-color: #b1b1b1 }
		.brchvr--gy5-m:hover { border-color: #878787 }
		.brchvr--gy6-m:hover { border-color: #6a6a6a }
		.brchvr--gy7-m:hover { border-color: #4d4d4d }
		.brchvr--gy8-m:hover { border-color: #303030 }
		.brchvr--rd1-m:hover { border-color: #c8102e }
		.brchvr--gn1-m:hover { border-color: #009f4d }
		.brchvr--bl1-m:hover { border-color: #006eb6 }
		.brchvr--yl1-m:hover { border-color: #ffc428 }
		.brchvr--bk1-m:hover { border-color: #000000 }
		.brchvr--wh1-m:hover { border-color: #ffffff }
		.brchvr--tp-m:hover { border-color: transparent }
		
		.brtchvr--gy-m:hover { border-top-color: #fafafa }
		.brtchvr--gy-m:hover { border-top-color: #ededed }
		.brtchvr--gy-m:hover { border-top-color: #dddddd }
		.brtchvr--gy-m:hover { border-top-color: #b1b1b1 }
		.brtchvr--gy-m:hover { border-top-color: #878787 }
		.brtchvr--gy-m:hover { border-top-color: #6a6a6a }
		.brtchvr--gy-m:hover { border-top-color: #4d4d4d }
		.brtchvr--gy-m:hover { border-top-color: #303030 }
		.brtchvr--rd-m:hover { border-top-color: #c8102e }
		.brtchvr--gn-m:hover { border-top-color: #009f4d }
		.brtchvr--bl-m:hover { border-top-color: #006eb6 }
		.brtchvr--yl-m:hover { border-top-color: #ffc428 }
		.brtchvr--bk-m:hover { border-top-color: #000000 }
		.brtchvr--wt-m:hover { border-top-color: #ffffff }
		.brtchvr--tp-m:hover{ border-top-color: transparent }
		
		.brrchvr--gy1-m:hover { border-right-color: #fafafa }
		.brrchvr--gy2-m:hover { border-right-color: #ededed }
		.brrchvr--gy3-m:hover { border-right-color: #dddddd }
		.brrchvr--gy4-m:hover { border-right-color: #b1b1b1 }
		.brrchvr--gy5-m:hover { border-right-color: #878787 }
		.brrchvr--gy6-m:hover { border-right-color: #6a6a6a }
		.brrchvr--gy7-m:hover { border-right-color: #4d4d4d }
		.brrchvr--gy8-m:hover { border-right-color: #303030 }
		.brrchvr--rd1-m:hover { border-right-color: #c8102e }
		.brrchvr--gn1-m:hover { border-right-color: #009f4d }
		.brrchvr--bl1-m:hover { border-right-color: #006eb6 }
		.brrchvr--yl1-m:hover { border-right-color: #ffc428 }
		.brrchvr--bk1-m:hover { border-right-color: #000000 }
		.brrchvr--wh1-m:hover { border-right-color: #ffffff }
		.brrchvr--tp-m:hover { border-right-color: transparent }
		
		.brbchvr--gy1-m:hover { border-bottom-color: #fafafa }
		.brbchvr--gy2-m:hover { border-bottom-color: #ededed }
		.brbchvr--gy3-m:hover { border-bottom-color: #dddddd }
		.brbchvr--gy4-m:hover { border-bottom-color: #b1b1b1 }
		.brbchvr--gy5-m:hover { border-bottom-color: #878787 }
		.brbchvr--gy6-m:hover { border-bottom-color: #6a6a6a }
		.brbchvr--gy7-m:hover { border-bottom-color: #4d4d4d }
		.brbchvr--gy8-m:hover { border-bottom-color: #303030 }
		.brbchvr--rd1-m:hover { border-bottom-color: #c8102e }
		.brbchvr--gn1-m:hover { border-bottom-color: #009f4d }
		.brbchvr--bl1-m:hover { border-bottom-color: #006eb6 }
		.brbchvr--yl1-m:hover { border-bottom-color: #ffc428 }
		.brbchvr--bk1-m:hover { border-bottom-color: #000000 }
		.brbchvr--wh1-m:hover { border-bottom-color: #ffffff }
		.brbchvr--tp-m:hover { border-bottom-color: transparent }

		.brlchvr--gy1-m:hover { border-left-color: #fafafa }
		.brlchvr--gy2-m:hover { border-left-color: #ededed }
		.brlchvr--gy3-m:hover { border-left-color: #dddddd }
		.brlchvr--gy4-m:hover { border-left-color: #b1b1b1 }
		.brlchvr--gy5-m:hover { border-left-color: #878787 }
		.brlchvr--gy6-m:hover { border-left-color: #6a6a6a }
		.brlchvr--gy7-m:hover { border-left-color: #4d4d4d }
		.brlchvr--gy8-m:hover { border-left-color: #303030 }
		.brlchvr--rd1-m:hover { border-left-color: #c8102e }
		.brlchvr--gn1-m:hover { border-left-color: #009f4d }
		.brlchvr--bl1-m:hover { border-left-color: #006eb6 }
		.brlchvr--yl1-m:hover { border-left-color: #ffc428 }
		.brlchvr--bk1-m:hover { border-left-color: #000000 }
		.brlchvr--wh1-m:hover { border-left-color: #ffffff }
		.brlchvr--tp-m:hover { border-left-color: transparent }
	}

	@media (max-width: 400px) {
		.brc--gy1-s { border-color: #fafafa }
		.brc--gy2-s { border-color: #ededed }
		.brc--gy3-s { border-color: #dddddd }
		.brc--gy4-s { border-color: #b1b1b1 }
		.brc--gy5-s { border-color: #878787 }
		.brc--gy6-s { border-color: #6a6a6a }
		.brc--gy7-s { border-color: #4d4d4d }
		.brc--gy8-s { border-color: #303030 }
		.brc--rd1-s { border-color: #c8102e }
		.brc--gn1-s { border-color: #009f4d }
		.brc--bl1-s { border-color: #006eb6 }
		.brc--yl1-s { border-color: #ffc428 }
		.brc--bk1-s { border-color: #000000 }
		.brc--wh1-s { border-color: #ffffff }
		.brc--tp-s { border-color: transparent }

		.brtc--gy1-s { border-top-color: #fafafa }
		.brtc--gy2-s { border-top-color: #ededed }
		.brtc--gy3-s { border-top-color: #dddddd }
		.brtc--gy4-s { border-top-color: #b1b1b1 }
		.brtc--gy5-s { border-top-color: #878787 }
		.brtc--gy6-s { border-top-color: #6a6a6a }
		.brtc--gy7-s { border-top-color: #4d4d4d }
		.brtc--gy8-s { border-top-color: #303030 }
		.brtc--rd1-s { border-top-color: #c8102e }
		.brtc--gn1-s { border-top-color: #009f4d }
		.brtc--bl1-s { border-top-color: #006eb6 }
		.brtc--yl1-s { border-top-color: #ffc428 }
		.brtc--bk1-s { border-top-color: #000000 }
		.brtc--wh1-s { border-top-color: #ffffff }
		.brtc--tp-s { border-top-color: transparent }

		.brrc--gy1-s { border-right-color: #fafafa }
		.brrc--gy2-s { border-right-color: #ededed }
		.brrc--gy3-s { border-right-color: #dddddd }
		.brrc--gy4-s { border-right-color: #b1b1b1 }
		.brrc--gy5-s { border-right-color: #878787 }
		.brrc--gy6-s { border-right-color: #6a6a6a }
		.brrc--gy7-s { border-right-color: #4d4d4d }
		.brrc--gy8-s { border-right-color: #303030 }
		.brrc--rd1-s { border-right-color: #c8102e }
		.brrc--gn1-s { border-right-color: #009f4d }
		.brrc--bl1-s { border-right-color: #006eb6 }
		.brrc--yl1-s { border-right-color: #ffc428 }
		.brrc--bk1-s { border-right-color: #000000 }
		.brrc--wh1-s { border-right-color: #ffffff }
		.brrc--tp-s { border-right-color: transparent }

		.brbc--gy1-s { border-bottom-color: #fafafa }
		.brbc--gy2-s { border-bottom-color: #ededed }
		.brbc--gy3-s { border-bottom-color: #dddddd }
		.brbc--gy4-s { border-bottom-color: #b1b1b1 }
		.brbc--gy5-s { border-bottom-color: #878787 }
		.brbc--gy6-s { border-bottom-color: #6a6a6a }
		.brbc--gy7-s { border-bottom-color: #4d4d4d }
		.brbc--gy8-s { border-bottom-color: #303030 }
		.brbc--rd1-s { border-bottom-color: #c8102e }
		.brbc--gn1-s { border-bottom-color: #009f4d }
		.brbc--bl1-s { border-bottom-color: #006eb6 }
		.brbc--yl1-s { border-bottom-color: #ffc428 }
		.brbc--bk1-s { border-bottom-color: #000000 }
		.brbc--wh1-s { border-bottom-color: #ffffff }
		.brbc--tp-s { border-bottom-color: transparent }

		.brlc--gy1-s { border-left-color: #fafafa }
		.brlc--gy2-s { border-left-color: #ededed }
		.brlc--gy3-s { border-left-color: #dddddd }
		.brlc--gy4-s { border-left-color: #b1b1b1 }
		.brlc--gy5-s { border-left-color: #878787 }
		.brlc--gy6-s { border-left-color: #6a6a6a }
		.brlc--gy7-s { border-left-color: #4d4d4d }
		.brlc--gy8-s { border-left-color: #303030 }
		.brlc--rd1-s { border-left-color: #c8102e }
		.brlc--gn1-s { border-left-color: #009f4d }
		.brlc--bl1-s { border-left-color: #006eb6 }
		.brlc--yl1-s { border-left-color: #ffc428 }
		.brlc--bk1-s { border-left-color: #000000 }
		.brlc--wh1-s { border-left-color: #ffffff }
		.brlc--tp-s { border-left-color: transparent }

		.brchvr--gy1-s:hover { border-color: #fafafa }
		.brchvr--gy2-s:hover { border-color: #ededed }
		.brchvr--gy3-s:hover { border-color: #dddddd }
		.brchvr--gy4-s:hover { border-color: #b1b1b1 }
		.brchvr--gy5-s:hover { border-color: #878787 }
		.brchvr--gy6-s:hover { border-color: #6a6a6a }
		.brchvr--gy7-s:hover { border-color: #4d4d4d }
		.brchvr--gy8-s:hover { border-color: #303030 }
		.brchvr--rd1-s:hover { border-color: #c8102e }
		.brchvr--gn1-s:hover { border-color: #009f4d }
		.brchvr--bl1-s:hover { border-color: #006eb6 }
		.brchvr--yl1-s:hover { border-color: #ffc428 }
		.brchvr--bk1-s:hover { border-color: #000000 }
		.brchvr--wh1-s:hover { border-color: #ffffff }
		.brchvr--tp-s:hover { border-color: transparent }
		
		.brtchvr--gy-s:hover { border-top-color: #fafafa }
		.brtchvr--gy-s:hover { border-top-color: #ededed }
		.brtchvr--gy-s:hover { border-top-color: #dddddd }
		.brtchvr--gy-s:hover { border-top-color: #b1b1b1 }
		.brtchvr--gy-s:hover { border-top-color: #878787 }
		.brtchvr--gy-s:hover { border-top-color: #6a6a6a }
		.brtchvr--gy-s:hover { border-top-color: #4d4d4d }
		.brtchvr--gy-s:hover { border-top-color: #303030 }
		.brtchvr--rd-s:hover { border-top-color: #c8102e }
		.brtchvr--gn-s:hover { border-top-color: #009f4d }
		.brtchvr--bl-s:hover { border-top-color: #006eb6 }
		.brtchvr--yl-s:hover { border-top-color: #ffc428 }
		.brtchvr--bk-s:hover { border-top-color: #000000 }
		.brtchvr--wt-s:hover { border-top-color: #ffffff }
		.brtchvr--tp-s:hover{ border-top-color: transparent }
		
		.brrchvr--gy1-s:hover { border-right-color: #fafafa }
		.brrchvr--gy2-s:hover { border-right-color: #ededed }
		.brrchvr--gy3-s:hover { border-right-color: #dddddd }
		.brrchvr--gy4-s:hover { border-right-color: #b1b1b1 }
		.brrchvr--gy5-s:hover { border-right-color: #878787 }
		.brrchvr--gy6-s:hover { border-right-color: #6a6a6a }
		.brrchvr--gy7-s:hover { border-right-color: #4d4d4d }
		.brrchvr--gy8-s:hover { border-right-color: #303030 }
		.brrchvr--rd1-s:hover { border-right-color: #c8102e }
		.brrchvr--gn1-s:hover { border-right-color: #009f4d }
		.brrchvr--bl1-s:hover { border-right-color: #006eb6 }
		.brrchvr--yl1-s:hover { border-right-color: #ffc428 }
		.brrchvr--bk1-s:hover { border-right-color: #000000 }
		.brrchvr--wh1-s:hover { border-right-color: #ffffff }
		.brrchvr--tp-s:hover { border-right-color: transparent }

		.brbchvr--gy1-s:hover { border-bottom-color: #fafafa }
		.brbchvr--gy2-s:hover { border-bottom-color: #ededed }
		.brbchvr--gy3-s:hover { border-bottom-color: #dddddd }
		.brbchvr--gy4-s:hover { border-bottom-color: #b1b1b1 }
		.brbchvr--gy5-s:hover { border-bottom-color: #878787 }
		.brbchvr--gy6-s:hover { border-bottom-color: #6a6a6a }
		.brbchvr--gy7-s:hover { border-bottom-color: #4d4d4d }
		.brbchvr--gy8-s:hover { border-bottom-color: #303030 }
		.brbchvr--rd1-s:hover { border-bottom-color: #c8102e }
		.brbchvr--gn1-s:hover { border-bottom-color: #009f4d }
		.brbchvr--bl1-s:hover { border-bottom-color: #006eb6 }
		.brbchvr--yl1-s:hover { border-bottom-color: #ffc428 }
		.brbchvr--bk1-s:hover { border-bottom-color: #000000 }
		.brbchvr--wh1-s:hover { border-bottom-color: #ffffff }
		.brbchvr--tp-s:hover { border-bottom-color: transparent }

		.brlchvr--gy1-s:hover { border-left-color: #fafafa }
		.brlchvr--gy2-s:hover { border-left-color: #ededed }
		.brlchvr--gy3-s:hover { border-left-color: #dddddd }
		.brlchvr--gy4-s:hover { border-left-color: #b1b1b1 }
		.brlchvr--gy5-s:hover { border-left-color: #878787 }
		.brlchvr--gy6-s:hover { border-left-color: #6a6a6a }
		.brlchvr--gy7-s:hover { border-left-color: #4d4d4d }
		.brlchvr--gy8-s:hover { border-left-color: #303030 }
		.brlchvr--rd1-s:hover { border-left-color: #c8102e }
		.brlchvr--gn1-s:hover { border-left-color: #009f4d }
		.brlchvr--bl1-s:hover { border-left-color: #006eb6 }
		.brlchvr--yl1-s:hover { border-left-color: #ffc428 }
		.brlchvr--bk1-s:hover { border-left-color: #000000 }
		.brlchvr--wh1-s:hover { border-left-color: #ffffff }
		.brlchvr--tp-s:hover { border-left-color: transparent }
	}


/*
 *	BOX-SHADOW
 */

/*
 *	BOX-SHADOW
 *	
 *	# Base
 *		bxsw = box-shadow
 *
 *	# Modifiers
 *		--0 = none
 *		--1 = offset all 0 1px 2px
 *		--2 = offset all 0 4px 8px
 *		--3 = offset all 0 8px 16px 
 *		--4 = offset all 0 16px 32px
 *
 *		--t1 = top offset 0 -4px 4px -4px
 *		--t2 = top offset 0 -8px 8px -8px
 *		--t3 = top offset 0 -16px 16px -16px
 *		--t4 = top offset 0 -32px 32px -32px
 *
 *		--r1 = right offset 4px 0 4px -4px
 *		--r2 = right offset 8px 0 8px -8px
 *		--r3 = right offset 16px 0 16px -16px
 *		--r4 = right offset 32px 0 32px -32px
 *
 *		--b1 = bottom offset 0 4px 4px -4px
 *		--b2 = bottom offset 0 8px 8px -8px
 *		--b3 = bottom offset 0 16px 16px -16px
 *		--b4 = bottom offset 0 32px 32px -32px
 *
 *		--l1 = left offset -4px 0 4px -4px
 *		--l2 = left offset -8px 0 8px -8px
 *		--l3 = left offset -16px 0 16px -16px
 *		--l4 = left offset -32px 0 32px -32px
 */
.bxsw--0 { box-shadow: none }
.bxsw--1 { box-shadow: 0 1px 2px rgba( 0, 0, 0, .4 ) }
.bxsw--2 { box-shadow: 0 4px 8px rgba( 0, 0, 0, .4 ) }
.bxsw--3 { box-shadow: 0 8px 16px rgba( 0, 0, 0, .4 ) }
.bxsw--4 { box-shadow: 0 16px 32px rgba( 0, 0, 0, .4 ) }

.bxsw--t1 { box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, .4 ) }
.bxsw--t2 { box-shadow: 0 -8px 8px -8px rgba( 0, 0, 0, .4 ) }
.bxsw--t3 { box-shadow: 0 -16px 16px -16px rgba( 0, 0, 0, .4 ) }
.bxsw--t4 { box-shadow: 0 -32px 32px -32px rgba( 0, 0, 0, .4 ) }

.bxsw--r1 { box-shadow: 4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
.bxsw--r2 { box-shadow: 8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
.bxsw--r3 { box-shadow: 16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
.bxsw--r4 { box-shadow: 32px 0 32px -32px rgba( 0, 0, 0, .4 ) }

.bxsw--b1 { box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, .4 ) }
.bxsw--b2 { box-shadow: 0 8px 8px -8px rgba( 0, 0, 0, .4 ) }
.bxsw--b3 { box-shadow: 0 16px 16px -16px rgba( 0, 0, 0, .4 ) }
.bxsw--b4 { box-shadow: 0 32px 32px -32px rgba( 0, 0, 0, .4 ) }

.bxsw--l1 { box-shadow: -4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
.bxsw--l2 { box-shadow: -8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
.bxsw--l3 { box-shadow: -16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
.bxsw--l4 { box-shadow: -32px 0 32px -32px rgba( 0, 0, 0, .4 ) }

	@media (max-width: 1280px) {
		.bxsw--0-l { box-shadow: none }
		.bxsw--1-l { box-shadow: 0 1px 2px rgba( 0, 0, 0, .4 ) }
		.bxsw--2-l { box-shadow: 0 4px 8px rgba( 0, 0, 0, .4 ) }
		.bxsw--3-l { box-shadow: 0 8px 16px rgba( 0, 0, 0, .4 ) }
		.bxsw--4-l { box-shadow: 0 16px 32px rgba( 0, 0, 0, .4 ) }

		.bxsw--t1-l { box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--t2-l { box-shadow: 0 -8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--t3-l { box-shadow: 0 -16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--t4-l { box-shadow: 0 -32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--r1-l { box-shadow: 4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--r2-l { box-shadow: 8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--r3-l { box-shadow: 16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--r4-l { box-shadow: 32px 0 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--b1-l { box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--b2-l { box-shadow: 0 8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--b3-l { box-shadow: 0 16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--b4-l { box-shadow: 0 32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--l1-l { box-shadow: -4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--l2-l { box-shadow: -8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--l3-l { box-shadow: -16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--l4-l { box-shadow: -32px 0 32px -32px rgba( 0, 0, 0, .4 ) }
	}

	@media (max-width: 840px) {
		.bxsw--0-m { box-shadow: none }
		.bxsw--1-m { box-shadow: 0 1px 2px rgba( 0, 0, 0, .4 ) }
		.bxsw--2-m { box-shadow: 0 4px 8px rgba( 0, 0, 0, .4 ) }
		.bxsw--3-m { box-shadow: 0 8px 16px rgba( 0, 0, 0, .4 ) }
		.bxsw--4-m { box-shadow: 0 16px 32px rgba( 0, 0, 0, .4 ) }

		.bxsw--t1-m { box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--t2-m { box-shadow: 0 -8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--t3-m { box-shadow: 0 -16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--t4-m { box-shadow: 0 -32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--r1-m { box-shadow: 4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--r2-m { box-shadow: 8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--r3-m { box-shadow: 16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--r4-m { box-shadow: 32px 0 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--b1-m { box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--b2-m { box-shadow: 0 8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--b3-m { box-shadow: 0 16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--b4-m { box-shadow: 0 32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--l1-m { box-shadow: -4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--l2-m { box-shadow: -8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--l3-m { box-shadow: -16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--l4-m { box-shadow: -32px 0 32px -32px rgba( 0, 0, 0, .4 ) }
	}

	@media (max-width: 400px) {
		.bxsw--0-s { box-shadow: none }
		.bxsw--1-s { box-shadow: 0 1px 2px rgba( 0, 0, 0, .4 ) }
		.bxsw--2-s { box-shadow: 0 4px 8px rgba( 0, 0, 0, .4 ) }
		.bxsw--3-s { box-shadow: 0 8px 16px rgba( 0, 0, 0, .4 ) }
		.bxsw--4-s { box-shadow: 0 16px 32px rgba( 0, 0, 0, .4 ) }

		.bxsw--t1-s { box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--t2-s { box-shadow: 0 -8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--t3-s { box-shadow: 0 -16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--t4-s { box-shadow: 0 -32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--r1-s { box-shadow: 4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--r2-s { box-shadow: 8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--r3-s { box-shadow: 16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--r4-s { box-shadow: 32px 0 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--b1-s { box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--b2-s { box-shadow: 0 8px 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--b3-s { box-shadow: 0 16px 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--b4-s { box-shadow: 0 32px 32px -32px rgba( 0, 0, 0, .4 ) }

		.bxsw--l1-s { box-shadow: -4px 0 4px -4px rgba( 0, 0, 0, .4 ) }
		.bxsw--l2-s { box-shadow: -8px 0 8px -8px rgba( 0, 0, 0, .4 ) }
		.bxsw--l3-s { box-shadow: -16px 0 16px -16px rgba( 0, 0, 0, .4 ) }
		.bxsw--l4-s { box-shadow: -32px 0 32px -32px rgba( 0, 0, 0, .4 ) }
	}


/*
 *	BACKGROUND
 */

/*
 *	BACKGROUND-COLOR
 *
 *	# Base
 *		bgc = background-color
 *		bgchvr = background-color:hover
 *
 *	# Modifiers
 *		--gy1 = #fafafa (grey)
 *		--gy2 = #ededed (grey)
 *		--gy3 = #dddddd (grey)
 *		--gy4 = #b1b1b1 (grey)
 *		--gy5 = #878787 (grey)
 *		--gy6 = #6a6a6a (grey)
 *		--gy7 = #4d4d4d (grey)
 *		--gy8 = #303030 (grey)
 *		--rd1 = #c8102e (red)
 *		--gn1 = #009f4d (green)
 *		--bl1 = #006eb6 (blue)
 *		--yl1 = #ffc428 (yellow)
 *		--bk1 = #000000 (black)
 *		--wh1 = #ffffff (white)
 *		--tp = transparent
 */
.bgc--gy1 { background-color: #fafafa }
.bgc--gy2 { background-color: #ededed }
.bgc--gy3 { background-color: #dddddd }
.bgc--gy4 { background-color: #b1b1b1 }
.bgc--gy5 { background-color: #878787 }
.bgc--gy6 { background-color: #6a6a6a }
.bgc--gy7 { background-color: #4d4d4d }
.bgc--gy8 { background-color: #303030 }
.bgc--rd1 { background-color: #c8102e }
.bgc--gn1 { background-color: #009f4d }
.bgc--bl1 { background-color: #006eb6 }
.bgc--yl1 { background-color: #ffc428 }
.bgc--bk1 { background-color: #000000 }
.bgc--wh1 { background-color: #ffffff }
.bgc--tp { background-color: transparent }

.bgchvr--gy1:hover { background-color: #fafafa }
.bgchvr--gy2:hover { background-color: #ededed }
.bgchvr--gy3:hover { background-color: #dddddd }
.bgchvr--gy4:hover { background-color: #b1b1b1 }
.bgchvr--gy5:hover { background-color: #878787 }
.bgchvr--gy6:hover { background-color: #6a6a6a }
.bgchvr--gy7:hover { background-color: #4d4d4d }
.bgchvr--gy8:hover { background-color: #303030 }
.bgchvr--rd1:hover { background-color: #c8102e }
.bgchvr--gn1:hover { background-color: #009f4d }
.bgchvr--bl1:hover { background-color: #006eb6 }
.bgchvr--yl1:hover { background-color: #ffc428 }
.bgchvr--bk1:hover { background-color: #000000 }
.bgchvr--wh1:hover { background-color: #ffffff }
.bgchvr--tp:hover { background-color: transparent }

	@media (max-width: 1280px) {
		.bgc--gy1-l { background-color: #fafafa }
		.bgc--gy2-l { background-color: #ededed }
		.bgc--gy3-l { background-color: #dddddd }
		.bgc--gy4-l { background-color: #b1b1b1 }
		.bgc--gy5-l { background-color: #878787 }
		.bgc--gy6-l { background-color: #6a6a6a }
		.bgc--gy7-l { background-color: #4d4d4d }
		.bgc--gy8-l { background-color: #303030 }
		.bgc--rd1-l { background-color: #c8102e }
		.bgc--gn1-l { background-color: #009f4d }
		.bgc--bl1-l { background-color: #006eb6 }
		.bgc--yl1-l { background-color: #ffc428 }
		.bgc--bk1-l { background-color: #000000 }
		.bgc--wh1-l { background-color: #ffffff }
		.bgc--tp-l { background-color: transparent }

		.bgchvr--gy1-l:hover { background-color: #fafafa }
		.bgchvr--gy2-l:hover { background-color: #ededed }
		.bgchvr--gy3-l:hover { background-color: #dddddd }
		.bgchvr--gy4-l:hover { background-color: #b1b1b1 }
		.bgchvr--gy5-l:hover { background-color: #878787 }
		.bgchvr--gy6-l:hover { background-color: #6a6a6a }
		.bgchvr--gy7-l:hover { background-color: #4d4d4d }
		.bgchvr--gy8-l:hover { background-color: #303030 }
		.bgchvr--rd1-l:hover { background-color: #c8102e }
		.bgchvr--gn1-l:hover { background-color: #009f4d }
		.bgchvr--bl1-l:hover { background-color: #006eb6 }
		.bgchvr--yl1-l:hover { background-color: #ffc428 }
		.bgchvr--bk1-l:hover { background-color: #000000 }
		.bgchvr--wh1-l:hover { background-color: #ffffff }
		.bgchvr--tp-l:hover { background-color: transparent }
	}
	
	@media (max-width: 840px) {
		.bgc--gy1-m { background-color: #fafafa }
		.bgc--gy2-m { background-color: #ededed }
		.bgc--gy3-m { background-color: #dddddd }
		.bgc--gy4-m { background-color: #b1b1b1 }
		.bgc--gy5-m { background-color: #878787 }
		.bgc--gy6-m { background-color: #6a6a6a }
		.bgc--gy7-m { background-color: #4d4d4d }
		.bgc--gy8-m { background-color: #303030 }
		.bgc--rd1-m { background-color: #c8102e }
		.bgc--gn1-m { background-color: #009f4d }
		.bgc--bl1-m { background-color: #006eb6 }
		.bgc--yl1-m { background-color: #ffc428 }
		.bgc--bk1-m { background-color: #000000 }
		.bgc--wh1-m { background-color: #ffffff }
		.bgc--tp-m { background-color: transparent }

		.bgchvr--gy1-m:hover { background-color: #fafafa }
		.bgchvr--gy2-m:hover { background-color: #ededed }
		.bgchvr--gy3-m:hover { background-color: #dddddd }
		.bgchvr--gy4-m:hover { background-color: #b1b1b1 }
		.bgchvr--gy5-m:hover { background-color: #878787 }
		.bgchvr--gy6-m:hover { background-color: #6a6a6a }
		.bgchvr--gy7-m:hover { background-color: #4d4d4d }
		.bgchvr--gy8-m:hover { background-color: #303030 }
		.bgchvr--rd1-m:hover { background-color: #c8102e }
		.bgchvr--gn1-m:hover { background-color: #009f4d }
		.bgchvr--bl1-m:hover { background-color: #006eb6 }
		.bgchvr--yl1-m:hover { background-color: #ffc428 }
		.bgchvr--bk1-m:hover { background-color: #000000 }
		.bgchvr--wh1-m:hover { background-color: #ffffff }
		.bgchvr--tp-m:hover { background-color: transparent }
	}

	@media (max-width: 400px) {
		.bgc--gy1-s { background-color: #fafafa }
		.bgc--gy2-s { background-color: #ededed }
		.bgc--gy3-s { background-color: #dddddd }
		.bgc--gy4-s { background-color: #b1b1b1 }
		.bgc--gy5-s { background-color: #878787 }
		.bgc--gy6-s { background-color: #6a6a6a }
		.bgc--gy7-s { background-color: #4d4d4d }
		.bgc--gy8-s { background-color: #303030 }
		.bgc--rd1-s { background-color: #c8102e }
		.bgc--gn1-s { background-color: #009f4d }
		.bgc--bl1-s { background-color: #006eb6 }
		.bgc--yl1-s { background-color: #ffc428 }
		.bgc--bk1-s { background-color: #000000 }
		.bgc--wh1-s { background-color: #ffffff }
		.bgc--tp-s { background-color: transparent }

		.bgchvr--gy1-s:hover { background-color: #fafafa }
		.bgchvr--gy2-s:hover { background-color: #ededed }
		.bgchvr--gy3-s:hover { background-color: #dddddd }
		.bgchvr--gy4-s:hover { background-color: #b1b1b1 }
		.bgchvr--gy5-s:hover { background-color: #878787 }
		.bgchvr--gy6-s:hover { background-color: #6a6a6a }
		.bgchvr--gy7-s:hover { background-color: #4d4d4d }
		.bgchvr--gy8-s:hover { background-color: #303030 }
		.bgchvr--rd1-s:hover { background-color: #c8102e }
		.bgchvr--gn1-s:hover { background-color: #009f4d }
		.bgchvr--bl1-s:hover { background-color: #006eb6 }
		.bgchvr--yl1-s:hover { background-color: #ffc428 }
		.bgchvr--bk1-s:hover { background-color: #000000 }
		.bgchvr--wh1-s:hover { background-color: #ffffff }
		.bgchvr--tp-s:hover { background-color: transparent }
	}

/*
 *	BACKGROUND-POSITION
 *
 *	# Base
 *		bgpos = background-position
 *
 *	# Modifiers
 *		--t = top 
 *		--r = right
 *		--b = bottom
 *		--l = left
 *		--ctr = center
 */
.bgpos--t { background-position: top center }
.bgpos--r { background-position: center right }
.bgpos--b { background-position: bottom center }
.bgpos--l { background-position: center left }
.bgpos--ctr { background-position: center center }

	@media (max-width: 1280px) {
		.bgpos--t-l { background-position: top center }
		.bgpos--r-l { background-position: center right }
		.bgpos--b-l { background-position: bottom center }
		.bgpos--l-l { background-position: center left }
		.bgpos--ctr-l { background-position: center center }
	}

	@media (max-width: 840px) {
		.bgpos--t-m { background-position: top center }
		.bgpos--r-m { background-position: center right }
		.bgpos--b-m { background-position: bottom center }
		.bgpos--l-m { background-position: center left }
		.bgpos--ctr-m { background-position: center center }
	}

	@media (max-width: 400px) {
		.bgpos--t-s { background-position: top center }
		.bgpos--r-s { background-position: center right }
		.bgpos--b-s { background-position: bottom center }
		.bgpos--l-s { background-position: center left }
		.bgpos--ctr-s { background-position: center center }
	}

/*
 *	BACKGROUND-REPEAT
 *
 *	# Base
 *		bgrt = background-repeat
 *
 *	# Modifiers
 *		--n = no-repeat
 *		--x = repeat-x
 *		--y = repeat-y
 */
.bgrt--n { background-repeat: no-repeat }
.bgrt--x { background-repeat: repeat-x }
.bgrt--y { background-repeat: repeat-y }
	
	@media (max-width: 1280px) {
		.bgrt--n-l { background-repeat: no-repeat }
		.bgrt--x-l { background-repeat: repeat-x }
		.bgrt--y-l { background-repeat: repeat-y }
	}

	@media (max-width: 840px) {
		.bgrt--n-m { background-repeat: no-repeat }
		.bgrt--x-m { background-repeat: repeat-x }
		.bgrt--y-m { background-repeat: repeat-y }
	}

	@media (max-width: 400px) {
		.bgrt--n-s { background-repeat: no-repeat }
		.bgrt--x-s { background-repeat: repeat-x }
		.bgrt--y-s { background-repeat: repeat-y }
	}


/*
 *	BACKGROUND-SIZE
 *
 *	# Base
 *		bgs = background-size
 *
 *	# Modifiers
 *		--cn = contain
 *		--cr = cover
 */
.bgs--cn { background-size: contain }
.bgs--cr { background-size: cover }
	
	@media (max-width: 1280px) {
		.bgs--cn-l { background-size: contain }
		.bgs--cr-l { background-size: cover }
	}

	@media (max-width: 840px) {
		.bgs--cn-m { background-size: contain }
		.bgs--cr-m { background-size: cover }
	}

	@media (max-width: 400px) {
		.bgs--cn-s { background-size: contain }
		.bgs--cr-s { background-size: cover }
	}


/*	CURSOR
 *
 *	# Base
 *		cur = cursor
 *
 *	# Modifiers
 *		--def = default
 *		--ptr = pointer
 *		--n = not-allowed
 *		--i = inherit
 */
.cur--def { cursor: default }
.cur--ptr { cursor: pointer }
.cur--n { cursor: not-allowed }
.cur--i { cursor: inherit }
	
	@media (max-width: 1280px) {
		.cur--def-l { cursor: default }
		.cur--ptr-l { cursor: pointer }
		.cur--n-l { cursor: not-allowed }
		.cur--i-l { cursor: inherit }
	}

	@media (max-width: 840px) {
		.cur--def-m { cursor: default }
		.cur--ptr-m { cursor: pointer }
		.cur--n-m { cursor: not-allowed }
		.cur--i-m { cursor: inherit }
	}

	@media (max-width: 400px) {
		.cur--def-s { cursor: default }
		.cur--ptr-s { cursor: pointer }
		.cur--n-s { cursor: not-allowed }
		.cur--i-s { cursor: inherit }
	}


/*
 *	PADDING
 */

/*
 *	PADDING
 *	
 *	# Base
 *		p = padding (shorthand for all the padding-* properties)
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.p--0 { padding: 0 }
.p--1 { padding: 1px }
.p--2 { padding: 2px }
.p--3 { padding: 4px }
.p--4 { padding: 8px }
.p--5 { padding: 16px }
.p--6 { padding: 32px }
.p--7 { padding: 64px }
.p--8 { padding: 128px }

	@media (max-width: 1280px) {
		.p--0-l { padding: 0 }
		.p--1-l { padding: 1px }
		.p--2-l { padding: 2px }
		.p--3-l { padding: 4px }
		.p--4-l { padding: 8px }
		.p--5-l { padding: 16px }
		.p--6-l { padding: 32px }
		.p--7-l { padding: 64px }
		.p--8-l { padding: 128px }
	}

	@media (max-width: 840px) {
		.p--0-m { padding: 0 }
		.p--1-m { padding: 1px }
		.p--2-m { padding: 2px }
		.p--3-m { padding: 4px }
		.p--4-m { padding: 8px }
		.p--5-m { padding: 16px }
		.p--6-m { padding: 32px }
		.p--7-m { padding: 64px }
		.p--8-m { padding: 128px }
	}

	@media (max-width: 400px) {
		.p--0-s { padding: 0 }
		.p--1-s { padding: 1px }
		.p--2-s { padding: 2px }
		.p--3-s { padding: 4px }
		.p--4-s { padding: 8px }
		.p--5-s { padding: 16px }
		.p--6-s { padding: 32px }
		.p--7-s { padding: 64px }
		.p--8-s { padding: 128px }
	}

/*
 *	PADDING-TOP
 *	
 *	# Base
 *		pt = padding-top
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px

 */
.pt--0 { padding-top: 0 }
.pt--1 { padding-top: 1px }
.pt--2 { padding-top: 2px }
.pt--3 { padding-top: 4px }
.pt--4 { padding-top: 8px }
.pt--5 { padding-top: 16px }
.pt--6 { padding-top: 32px }
.pt--7 { padding-top: 64px }
.pt--8 { padding-top: 128px }

	@media (max-width: 1280px) {
		.pt--0-l { padding-top: 0 }
		.pt--1-l { padding-top: 1px }
		.pt--2-l { padding-top: 2px }
		.pt--3-l { padding-top: 4px }
		.pt--4-l { padding-top: 8px }
		.pt--5-l { padding-top: 16px }
		.pt--6-l { padding-top: 32px }
		.pt--7-l { padding-top: 64px }
		.pt--8-l { padding-top: 128px }
	}

	@media (max-width: 840px) {
		.pt--0-m { padding-top: 0 }
		.pt--1-m { padding-top: 1px} 
		.pt--2-m { padding-top: 2px }
		.pt--3-m { padding-top: 4px }
		.pt--4-m { padding-top: 8px }
		.pt--5-m { padding-top: 16px }
		.pt--6-m { padding-top: 32px }
		.pt--7-m { padding-top: 64px }
		.pt--8-m { padding-top: 128px }
	}

	@media (max-width: 400px) {
		.pt--0-s { padding-top: 0 }
		.pt--1-s { padding-top: 1px }
		.pt--2-s { padding-top: 2px }
		.pt--3-s { padding-top: 4px }
		.pt--4-s { padding-top: 8px }
		.pt--5-s { padding-top: 16px }
		.pt--6-s { padding-top: 32px }
		.pt--7-s { padding-top: 64px }
		.pt--8-s { padding-top: 128px }
	}

/*
 *	PADDING-RIGHT
 *	
 *	# Base
 *		pr = padding-right
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.pr--0 { padding-right: 0 }
.pr--1 { padding-right: 1px }
.pr--2 { padding-right: 2px }
.pr--3 { padding-right: 4px }
.pr--4 { padding-right: 8px }
.pr--5 { padding-right: 16px }
.pr--6 { padding-right: 32px }
.pr--7 { padding-right: 64px }
.pr--8 { padding-right: 128px }

	@media (max-width: 1280px) {
		.pr--0-l { padding-right: 0 }
		.pr--1-l { padding-right: 1px }
		.pr--2-l { padding-right: 2px }
		.pr--3-l { padding-right: 4px }
		.pr--4-l { padding-right: 8px }
		.pr--5-l { padding-right: 16px }
		.pr--6-l { padding-right: 32px }
		.pr--7-l { padding-right: 64px }
		.pr--8-l { padding-right: 128px }
	}

	@media (max-width: 840px) {
		.pr--0-m { padding-right: 0 }
		.pr--1-m { padding-right: 1px }
		.pr--2-m { padding-right: 2px }
		.pr--3-m { padding-right: 4px }
		.pr--4-m { padding-right: 8px }
		.pr--5-m { padding-right: 16px }
		.pr--6-m { padding-right: 32px }
		.pr--7-m { padding-right: 64px }
		.pr--8-m { padding-right: 128px }
	}

	@media (max-width: 400px) {
		.pr--0-s { padding-right: 0 }
		.pr--1-s { padding-right: 1px }
		.pr--2-s { padding-right: 2px }
		.pr--3-s { padding-right: 4px }
		.pr--4-s { padding-right: 8px }
		.pr--5-s { padding-right: 16px }
		.pr--6-s { padding-right: 32px }
		.pr--7-s { padding-right: 64px }
		.pr--8-s { padding-right: 128px }
	}

/*
 *	PADDING-BOTTOM
 *	
 *	# Base
 *		pb = padding-bottom
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.pb--0 { padding-bottom: 0 }
.pb--1 { padding-bottom: 1px }
.pb--2 { padding-bottom: 2px }
.pb--3 { padding-bottom: 4px }
.pb--4 { padding-bottom: 8px }
.pb--5 { padding-bottom: 16px }
.pb--6 { padding-bottom: 32px }
.pb--7 { padding-bottom: 64px }
.pb--8 { padding-bottom: 128px }

	@media (max-width: 1280px) {
		.pb--0-l { padding-bottom: 0 }
		.pb--1-l { padding-bottom: 1px }
		.pb--2-l { padding-bottom: 2px }
		.pb--3-l { padding-bottom: 4px }
		.pb--4-l { padding-bottom: 8px }
		.pb--5-l { padding-bottom: 16px }
		.pb--6-l { padding-bottom: 32px }
		.pb--7-l { padding-bottom: 64px }
		.pb--8-l { padding-bottom: 128px }
	}

	@media (max-width: 840px) {
		.pb--0-m { padding-bottom: 0 }
		.pb--1-m { padding-bottom: 1px }
		.pb--2-m { padding-bottom: 2px }
		.pb--3-m { padding-bottom: 4px }
		.pb--4-m { padding-bottom: 8px }
		.pb--5-m { padding-bottom: 16px }
		.pb--6-m { padding-bottom: 32px }
		.pb--7-m { padding-bottom: 64px }
		.pb--8-m { padding-bottom: 128px }
	}

	@media (max-width: 400px) {
		.pb--0-s { padding-bottom: 0 }
		.pb--1-s { padding-bottom: 1px }
		.pb--2-s { padding-bottom: 2px }
		.pb--3-s { padding-bottom: 4px }
		.pb--4-s { padding-bottom: 8px }
		.pb--5-s { padding-bottom: 16px }
		.pb--6-s { padding-bottom: 32px }
		.pb--7-s { padding-bottom: 64px }
		.pb--8-s { padding-bottom: 128px }
	}

/*
 *	PADDING-LEFT
 *	
 *	# Base
 *		pl = padding-left
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.pl--0 { padding-left: 0 }
.pl--1 { padding-left: 1px }
.pl--2 { padding-left: 2px }
.pl--3 { padding-left: 4px }
.pl--4 { padding-left: 8px }
.pl--5 { padding-left: 16px }
.pl--6 { padding-left: 32px }
.pl--7 { padding-left: 64px }
.pl--8 { padding-left: 128px }

	@media (max-width: 1280px) {
		.pl--0-l { padding-left: 0 }
		.pl--1-l { padding-left: 1px }
		.pl--2-l { padding-left: 2px }
		.pl--3-l { padding-left: 4px }
		.pl--4-l { padding-left: 8px }
		.pl--5-l { padding-left: 16px }
		.pl--6-l { padding-left: 32px }
		.pl--7-l { padding-left: 64px }
		.pl--8-l { padding-left: 128px }
	}

	@media (max-width: 840px) {
		.pl--0-m { padding-left: 0 }
		.pl--1-m { padding-left: 1px }
		.pl--2-m { padding-left: 2px }
		.pl--3-m { padding-left: 4px }
		.pl--4-m { padding-left: 8px }
		.pl--5-m { padding-left: 16px }
		.pl--6-m { padding-left: 32px }
		.pl--7-m { padding-left: 64px }
		.pl--8-m { padding-left: 128px }
	}

	@media (max-width: 400px) {
		.pl--0-s { padding-left: 0 }
		.pl--1-s { padding-left: 1px }
		.pl--2-s { padding-left: 2px }
		.pl--3-s { padding-left: 4px }
		.pl--4-s { padding-left: 8px }
		.pl--5-s { padding-left: 16px }
		.pl--6-s { padding-left: 32px }
		.pl--7-s { padding-left: 64px }
		.pl--8-s { padding-left: 128px }
	}

/*
 *	PADDING-Y
 *	
 *	# Base
 *		py = padding-top; padding-bottom
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.py--0 { padding-top: 0; padding-bottom: 0 }
.py--1 { padding-top: 1px; padding-bottom: 1px }
.py--2 { padding-top: 2px; padding-bottom: 2px }
.py--3 { padding-top: 4px; padding-bottom: 4px }
.py--4 { padding-top: 8px; padding-bottom: 8px }
.py--5 { padding-top: 16px; padding-bottom: 16px }
.py--6 { padding-top: 32px; padding-bottom: 32px }
.py--7 { padding-top: 64px; padding-bottom: 64px }
.py--8 { padding-top: 128px; padding-bottom: 128px }

	@media (max-width: 1280px) {
		.py--0-l { padding-top: 0; padding-bottom: 0 }
		.py--1-l { padding-top: 1px; padding-bottom: 1px }
		.py--2-l { padding-top: 2px; padding-bottom: 2px }
		.py--3-l { padding-top: 4px; padding-bottom: 4px }
		.py--4-l { padding-top: 8px; padding-bottom: 8px }
		.py--5-l { padding-top: 16px; padding-bottom: 16px }
		.py--6-l { padding-top: 32px; padding-bottom: 32px }
		.py--7-l { padding-top: 64px; padding-bottom: 64px }
		.py--8-l { padding-top: 128px; padding-bottom: 128px }
	}

	@media (max-width: 840px) {
		.py--0-m { padding-top: 0; padding-bottom: 0 }
		.py--1-m { padding-top: 1px; padding-bottom: 1px }
		.py--2-m { padding-top: 2px; padding-bottom: 2px }
		.py--3-m { padding-top: 4px; padding-bottom: 4px }
		.py--4-m { padding-top: 8px; padding-bottom: 8px }
		.py--5-m { padding-top: 16px; padding-bottom: 16px }
		.py--6-m { padding-top: 32px; padding-bottom: 32px }
		.py--7-m { padding-top: 64px; padding-bottom: 64px }
		.py--8-m { padding-top: 128px; padding-bottom: 128px }
	}

	@media (max-width: 400px) {
		.py--0-s { padding-top: 0; padding-bottom: 0 }
		.py--1-s { padding-top: 1px; padding-bottom: 1px }
		.py--2-s { padding-top: 2px; padding-bottom: 2px }
		.py--3-s { padding-top: 4px; padding-bottom: 4px }
		.py--4-s { padding-top: 8px; padding-bottom: 8px }
		.py--5-s { padding-top: 16px; padding-bottom: 16px }
		.py--6-s { padding-top: 32px; padding-bottom: 32px }
		.py--7-s { padding-top: 64px; padding-bottom: 64px }
		.py--8-s { padding-top: 128px; padding-bottom: 128px }
	}

/*
 *	PADDING-X
 *	
 *	# Base
 *		px = padding-right; padding-left
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.px--0 { padding-right: 0; padding-left: 0 }
.px--1 { padding-right: 1px; padding-left: 1px }
.px--2 { padding-right: 2px; padding-left: 2px }
.px--3 { padding-right: 4px; padding-left: 4px }
.px--4 { padding-right: 8px; padding-left: 8px }
.px--5 { padding-right: 16px; padding-left: 16px }
.px--6 { padding-right: 32px; padding-left: 32px }
.px--7 { padding-right: 64px; padding-left: 64px }
.px--8 { padding-right: 128px; padding-left: 128px }

	@media (max-width: 1280px) {
		.px--0-l { padding-right: 0; padding-left: 0 }
		.px--1-l{ padding-right: 1px; padding-left: 1px }
		.px--2-l{ padding-right: 2px; padding-left: 2px }
		.px--3-l{ padding-right: 4px; padding-left: 4px }
		.px--4-l{ padding-right: 8px; padding-left: 8px }
		.px--5-l{ padding-right: 16px; padding-left: 16px }
		.px--6-l{ padding-right: 32px; padding-left: 32px }
		.px--7-l{ padding-right: 64px; padding-left: 64px }
		.px--8-l{ padding-right: 128px; padding-left: 128px }
	}

	@media (max-width: 840px) {
		.px--0-m { padding-right: 0; padding-left: 0 }
		.px--1-m { padding-right: 1px; padding-left: 1px }
		.px--2-m { padding-right: 2px; padding-left: 2px }
		.px--3-m { padding-right: 4px; padding-left: 4px }
		.px--4-m { padding-right: 8px; padding-left: 8px }
		.px--5-m { padding-right: 16px; padding-left: 16px }
		.px--6-m { padding-right: 32px; padding-left: 32px }
		.px--7-m { padding-right: 64px; padding-left: 64px }
		.px--8-m { padding-right: 128px; padding-left: 128px }
	}

	@media (max-width: 400px) {
		.px--0-s { padding-right: 0; padding-left: 0 }
		.px--1-s { padding-right: 1px; padding-left: 1px }
		.px--2-s { padding-right: 2px; padding-left: 2px }
		.px--3-s { padding-right: 4px; padding-left: 4px }
		.px--4-s { padding-right: 8px; padding-left: 8px }
		.px--5-s { padding-right: 16px; padding-left: 16px }
		.px--6-s { padding-right: 32px; padding-left: 32px }
		.px--7-s { padding-right: 64px; padding-left: 64px }
		.px--8-s { padding-right: 128px; padding-left: 128px }
	}


/*
 *	WIDTH
 */

/*
 *	WIDTH
 *	
 *	# Base
 *		w = width
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--10p = 10%
 *		--20p = 20%
 *		--25p = 25%
 *		--30p = 30%
 *		--33p = 33.33333%
 *		--40p = 40%
 *		--50p = 50%
 *		--60p = 60%
 *		--66p = 66.66667%
 *		--70p = 70%
 *		--75p = 75%
 *		--80p = 80%
 *		--90p = 90%
 *		--100p = 100%
 *		--a = auto
 *		--i = inherit
 */
.w--1 { width: 1px }
.w--2 { width: 8px }
.w--3 { width: 16px }
.w--4 { width: 32px }
.w--5 { width: 64px }
.w--6 { width: 128px }
.w--7 { width: 256px }
.w--8 { width: 512px }
.w--10p { width: 10% }
.w--20p { width: 20% }
.w--25p { width: 25% }
.w--30p { width: 30% }
.w--33p { width: 33.33333% }
.w--40p { width: 40% }
.w--50p { width: 50% }
.w--60p { width: 60% }
.w--66p { width: 66.66667% }
.w--70p { width: 70% }
.w--75p { width: 75% }
.w--80p { width: 80% }
.w--90p { width: 90% }
.w--100p { width: 100% }
.w--a { width: auto }
.w--i { width: inherit }

	@media (max-width: 1280px) {
		.w--1-l { width: 1px }
		.w--2-l { width: 8px }
		.w--3-l { width: 16px }
		.w--4-l { width: 32px }
		.w--5-l { width: 64px }
		.w--6-l { width: 128px }
		.w--7-l { width: 256px }
		.w--8-l { width: 512px }
		.w--10p-l { width: 10% }
		.w--20p-l { width: 20% }
		.w--25p-l { width: 25% }
		.w--30p-l { width: 30% }
		.w--33p-l { width: 33.33333% }
		.w--40p-l { width: 40% }
		.w--50p-l { width: 50% }
		.w--60p-l { width: 60% }
		.w--66p-l { width: 66.66667% }
		.w--70p-l { width: 70% }
		.w--75p-l { width: 75% }
		.w--80p-l { width: 80% }
		.w--90p-l { width: 90% }
		.w--100p-l { width: 100% }
		.w--a-l { width: auto }
		.w--i-l { width: inherit }
	}

	@media (max-width: 840px) {
		.w--1-m { width: 1px }
		.w--2-m { width: 8px }
		.w--3-m { width: 16px }
		.w--4-m { width: 32px }
		.w--5-m { width: 64px }
		.w--6-m { width: 128px }
		.w--7-m { width: 256px }
		.w--8-m { width: 512px }
		.w--10p-m { width: 10% }
		.w--20p-m { width: 20% }
		.w--25p-m { width: 25% }
		.w--30p-m { width: 30% }
		.w--33p-m { width: 33.33333% }
		.w--40p-m { width: 40% }
		.w--50p-m { width: 50% }
		.w--60p-m { width: 60% }
		.w--66p-m { width: 66.66667% }
		.w--70p-m { width: 70% }
		.w--75p-m { width: 75% }
		.w--80p-m { width: 80% }
		.w--90p-m { width: 90% }
		.w--100p-m { width: 100% }
		.w--a-m { width: auto }
		.w--i-m { width: inherit }
	}
	
	@media (max-width: 400px) {
		.w--1-s { width: 1px }
		.w--2-s { width: 8px }
		.w--3-s { width: 16px }
		.w--4-s { width: 32px }
		.w--5-s { width: 64px }
		.w--6-s { width: 128px }
		.w--7-s { width: 256px }
		.w--8-s { width: 512px }
		.w--10p-s { width: 10% }
		.w--20p-s { width: 20% }
		.w--25p-s { width: 25% }
		.w--30p-s { width: 30% }
		.w--33p-s { width: 33.33333% }
		.w--40p-s { width: 40% }
		.w--50p-s { width: 50% }
		.w--60p-s { width: 60% }
		.w--66p-s { width: 66.66667% }
		.w--70p-s { width: 70% }
		.w--75p-s { width: 75% }
		.w--80p-s { width: 80% }
		.w--90p-s { width: 90% }
		.w--100p-s { width: 100% }
		.w--a-s { width: auto }
		.w--i-s { width: inherit }
	}

/*
 *	MIN-WIDTH
 *	
 *	# Base
 *		miw = min-width
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--10p = 10%
 *		--20p = 20%
 *		--25p = 25%
 *		--30p = 30%
 *		--33p = 33.33333%
 *		--40p = 40%
 *		--50p = 50%
 *		--60p = 60%
 *		--66p = 66.66667%
 *		--70p = 70%
 *		--75p = 75%
 *		--80p = 80%
 *		--90p = 90%
 *		--100p = 100%	
 *		--a = auto
 *		--i = inherit
 */
.miw--1 { min-width: 1px }
.miw--2 { min-width: 8px }
.miw--3 { min-width: 16px }
.miw--4 { min-width: 32px }
.miw--5 { min-width: 64px }
.miw--6 { min-width: 128px }
.miw--7 { min-width: 256px }
.miw--8 { min-width: 512px }
.miw--10p { min-width: 10% }
.miw--20p { min-width: 20% }
.miw--25p { min-width: 25% }
.miw--30p { min-width: 30% }
.miw--33p { min-width: 33.33333% }
.miw--40p { min-width: 40% }
.miw--50p { min-width: 50% }
.miw--60p { min-width: 60% }
.miw--66p { min-width: 66.66667% }
.miw--70p { min-width: 70% }
.miw--75p { min-width: 75% }
.miw--80p { min-width: 80% }
.miw--90p { min-width: 90% }
.miw--100p { min-width: 100% }
.miw--a { min-width: auto }
.miw--i { min-width: inherit }

	@media (max-width: 1280px) {
		.miw--1-l { min-width: 1px }
		.miw--2-l { min-width: 8px }
		.miw--3-l { min-width: 16px }
		.miw--4-l { min-width: 32px }
		.miw--5-l { min-width: 64px }
		.miw--6-l { min-width: 128px }
		.miw--7-l { min-width: 256px }
		.miw--8-l { min-width: 512px }
		.miw--10p-l { min-width: 10% }
		.miw--20p-l { min-width: 20% }
		.miw--25p-l { min-width: 25% }
		.miw--30p-l { min-width: 30% }
		.miw--33p-l { min-width: 33.33333% }
		.miw--40p-l { min-width: 40% }
		.miw--50p-l { min-width: 50% }
		.miw--60p-l { min-width: 60% }
		.miw--66p-l { min-width: 66.66667% }
		.miw--70p-l { min-width: 70% }
		.miw--75p-l { min-width: 75% }
		.miw--80p-l { min-width: 80% }
		.miw--90p-l { min-width: 90% }
		.miw--100p-l { min-width: 100% }
		.miw--a-l { min-width: auto }
		.miw--i-l { min-width: inherit }
	}

	@media (max-width: 840px) {
		.miw--1-m { min-width: 1px }
		.miw--2-m { min-width: 8px }
		.miw--3-m { min-width: 16px }
		.miw--4-m { min-width: 32px }
		.miw--5-m { min-width: 64px }
		.miw--6-m { min-width: 128px }
		.miw--7-m { min-width: 256px }
		.miw--8-m { min-width: 512px }
		.miw--10p-m { min-width: 10% }
		.miw--20p-m { min-width: 20% }
		.miw--25p-m { min-width: 25% }
		.miw--30p-m { min-width: 30% }
		.miw--33p-m { min-width: 33.33333% }
		.miw--40p-m { min-width: 40% }
		.miw--50p-m { min-width: 50% }
		.miw--60p-m { min-width: 60% }
		.miw--66p-m { min-width: 66.66667% }
		.miw--70p-m { min-width: 70% }
		.miw--75p-m { min-width: 75% }
		.miw--80p-m { min-width: 80% }
		.miw--90p-m { min-width: 90% }
		.miw--100p-m { min-width: 100% }
		.miw--a-m { min-width: auto }
		.miw--i-m { min-width: inherit }
	}
	
	@media (max-width: 400px) {
		.miw--1-s { min-width: 1px }
		.miw--2-s { min-width: 8px }
		.miw--3-s { min-width: 16px }
		.miw--4-s { min-width: 32px }
		.miw--5-s { min-width: 64px }
		.miw--6-s { min-width: 128px }
		.miw--7-s { min-width: 256px }
		.miw--8-s { min-width: 512px }
		.miw--10p-s { min-width: 10% }
		.miw--20p-s { min-width: 20% }
		.miw--25p-s { min-width: 25% }
		.miw--30p-s { min-width: 30% }
		.miw--33p-s { min-width: 33.33333% }
		.miw--40p-s { min-width: 40% }
		.miw--50p-s { min-width: 50% }
		.miw--60p-s { min-width: 60% }
		.miw--66p-s { min-width: 66.66667% }
		.miw--70p-s { min-width: 70% }
		.miw--75p-s { min-width: 75% }
		.miw--80p-s { min-width: 80% }
		.miw--90p-s { min-width: 90% }
		.miw--100p-s { min-width: 100% }
		.miw--a-s { min-width: auto }
		.miw--i-s { min-width: inherit }
	}


/*
 *	MAX-WIDTH
 *	
 *	# Base
 *		maw = max-width
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--10p = 10%
 *		--20p = 20%
 *		--25p = 25%
 *		--30p = 30%
 *		--33p = 33.33333%
 *		--40p = 40%
 *		--50p = 50%
 *		--60p = 60%
 *		--66p = 66.66667%
 *		--70p = 70%
 *		--75p = 75%
 *		--80p = 80%
 *		--90p = 90%
 *		--100p = 100%
 *		--n = none
 *		--i = inherit
 */
.maw--1 { max-width: 1px }
.maw--2 { max-width: 8px }
.maw--3 { max-width: 16px }
.maw--4 { max-width: 32px }
.maw--5 { max-width: 64px }
.maw--6 { max-width: 128px }
.maw--7 { max-width: 256px }
.maw--8 { max-width: 512px }
.maw--10p { max-width: 10% }
.maw--20p { max-width: 20% }
.maw--25p { max-width: 25% }
.maw--30p { max-width: 30% }
.maw--33p { max-width: 33.33333% }
.maw--40p { max-width: 40% }
.maw--50p { max-width: 50% }
.maw--60p { max-width: 60% }
.maw--66p { max-width: 66.66667% }
.maw--70p { max-width: 70% }
.maw--75p { max-width: 75% }
.maw--80p { max-width: 80% }
.maw--90p { max-width: 90% }
.maw--100p { max-width: 100% }
.maw--n { max-width: none }
.maw--i { max-width: inherit }

	@media (max-width: 1280px) {
		.maw--1-l { max-width: 1px }
		.maw--2-l { max-width: 8px }
		.maw--3-l { max-width: 16px }
		.maw--4-l { max-width: 32px }
		.maw--5-l { max-width: 64px }
		.maw--6-l { max-width: 128px }
		.maw--7-l { max-width: 256px }
		.maw--8-l { max-width: 512px }
		.maw--10p-l { max-width: 10% }
		.maw--20p-l { max-width: 20% }
		.maw--25p-l { max-width: 25% }
		.maw--30p-l { max-width: 30% }
		.maw--33p-l { max-width: 33.33333% }
		.maw--40p-l { max-width: 40% }
		.maw--50p-l { max-width: 50% }
		.maw--60p-l { max-width: 60% }
		.maw--66p-l { max-width: 66.66667% }
		.maw--70p-l { max-width: 70% }
		.maw--75p-l { max-width: 75% }
		.maw--80p-l { max-width: 80% }
		.maw--90p-l { max-width: 90% }
		.maw--100p-l { max-width: 100% }
		.maw--n-l { max-width: none }
		.maw--i-l { max-width: inherit }
	}

	@media (max-width: 840px) {
		.maw--1-m { max-width: 1px }
		.maw--2-m { max-width: 8px }
		.maw--3-m { max-width: 16px }
		.maw--4-m { max-width: 32px }
		.maw--5-m { max-width: 64px }
		.maw--6-m { max-width: 128px }
		.maw--7-m { max-width: 256px }
		.maw--8-m { max-width: 512px }
		.maw--10p-m { max-width: 10% }
		.maw--20p-m { max-width: 20% }
		.maw--25p-m { max-width: 25% }
		.maw--30p-m { max-width: 30% }
		.maw--33p-m { max-width: 33.33333% }
		.maw--40p-m { max-width: 40% }
		.maw--50p-m { max-width: 50% }
		.maw--60p-m { max-width: 60% }
		.maw--66p-m { max-width: 66.66667% }
		.maw--70p-m { max-width: 70% }
		.maw--75p-m { max-width: 75% }
		.maw--80p-m { max-width: 80% }
		.maw--90p-m { max-width: 90% }
		.maw--100p-m { max-width: 100% }
		.maw--n-m { max-width: none }
		.maw--i-m { max-width: inherit }
	}
	
	@media (max-width: 400px) {
		.maw--1-s { max-width: 1px }
		.maw--2-s { max-width: 8px }
		.maw--3-s { max-width: 16px }
		.maw--4-s { max-width: 32px }
		.maw--5-s { max-width: 64px }
		.maw--6-s { max-width: 128px }
		.maw--7-s { max-width: 256px }
		.maw--8-s { max-width: 512px }
		.maw--10p-s { max-width: 10% }
		.maw--20p-s { max-width: 20% }
		.maw--25p-s { max-width: 25% }
		.maw--30p-s { max-width: 30% }
		.maw--33p-s { max-width: 33.33333% }
		.maw--40p-s { max-width: 40% }
		.maw--50p-s { max-width: 50% }
		.maw--60p-s { max-width: 60% }
		.maw--66p-s { max-width: 66.66667% }
		.maw--70p-s { max-width: 70% }
		.maw--75p-s { max-width: 75% }
		.maw--80p-s { max-width: 80% }
		.maw--90p-s { max-width: 90% }
		.maw--100p-s { max-width: 100% }
		.maw--n-s { max-width: none }
		.maw--i-s { max-width: inherit }
	}


/*
 *	HEIGHT
 */

/*
 *	HEIGHT
 *	
 *	# Base
 *		h = height
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--25p = 25%
 *		--50p = 50%
 *		--75p = 75%
 *		--100p = 100%
 *		--25vh = a quarter of viewport height
 *		--50vh = half of viewport height
 *		--75vh = three-quarter of viewport height
 *		--100vh = full viewport height
 *		--a = auto
 *		--i = inherit
 */
.h--0 { height: 0 }
.h--1 { height: 1px }
.h--2 { height: 8px }
.h--3 { height: 16px }
.h--4 { height: 32px }
.h--5 { height: 64px }
.h--6 { height: 128px }
.h--7 { height: 256px }
.h--8 { height: 512px }
.h--25p { height: 25% }
.h--50p { height: 50% }
.h--75p { height: 75% }
.h--100p { height: 100% }
.h--25vh { height: 25vh }
.h--50vh { height: 50vh }
.h--75vh { height: 75vh }
.h--100vh { height: 100vh }
.h--a { height: auto }
.h--i { height: inherit }

	@media (max-width: 1280px) {
		.h--0-l { height: 0 }
		.h--1-l { height: 1px }
		.h--2-l { height: 8px }
		.h--3-l { height: 16px }
		.h--4-l { height: 32px }
		.h--5-l { height: 64px }
		.h--6-l { height: 128px }
		.h--7-l { height: 256px }
		.h--8-l { height: 512px }
		.h--25p-l { height: 25% }
		.h--50p-l { height: 50% }
		.h--75p-l { height: 75% }
		.h--100p-l { height: 100% }
		.h--25vh-l { height: 25vh }
		.h--50vh-l { height: 50vh }
		.h--75vh-l { height: 75vh }
		.h--100vh-l { height: 100vh }
		.h--a-l { height: auto }
		.h--i-l { height: inherit }
	}

	@media (max-width: 840px) {
		.h--0-m { height: 0 }
		.h--1-m { height: 1px }
		.h--2-m { height: 8px }
		.h--3-m { height: 16px }
		.h--4-m { height: 32px }
		.h--5-m { height: 64px }
		.h--6-m { height: 128px }
		.h--7-m { height: 256px }
		.h--8-m { height: 512px }
		.h--25p-m { height: 25% }
		.h--50p-m { height: 50% }
		.h--75p-m { height: 75% }
		.h--100p-m { height: 100% }
		.h--25vh-m { height: 25vh }
		.h--50vh-m { height: 50vh }
		.h--75vh-m { height: 75vh }
		.h--100vh-m { height: 100vh }
		.h--a-m { height: auto }
		.h--i-m { height: inherit }
	}
	
	@media (max-width: 400px) {
		.h--0-s { height: 0 }
		.h--1-s { height: 1px }
		.h--2-s { height: 8px }
		.h--3-s { height: 16px }
		.h--4-s { height: 32px }
		.h--5-s { height: 64px }
		.h--6-s { height: 128px }
		.h--7-s { height: 256px }
		.h--8-s { height: 512px }
		.h--25p-s { height: 25% }
		.h--50p-s { height: 50% }
		.h--75p-s { height: 75% }
		.h--100p-s { height: 100% }
		.h--25vh-s { height: 25vh }
		.h--50vh-s { height: 50vh }
		.h--75vh-s { height: 75vh }
		.h--100vh-s { height: 100vh }
		.h--a-s { height: auto }
		.h--i-s { height: inherit }
	}
	

/*
 *	MIN-HEIGHT
 *	
 *	# Base
 *		mih = min-height
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--25p = 25%
 *		--50p = 50%
 *		--75p = 75%
 *		--100p = 100%
 *		--25vh = a quarter of viewport height
 *		--50vh = half of viewport height
 *		--75vh = three-quarter of viewport height
 *		--100vh = full viewport height
 *		--a = auto
 *		--i = inherit
 */
.mih--0 { min-height: 0 }
.mih--1 { min-height: 1px }
.mih--2 { min-height: 8px }
.mih--3 { min-height: 16px }
.mih--4 { min-height: 32px }
.mih--5 { min-height: 64px }
.mih--6 { min-height: 128px }
.mih--7 { min-height: 256px }
.mih--8 { min-height: 512px }
.mih--25p { min-height: 25% }
.mih--50p { min-height: 50% }
.mih--75p { min-height: 75% }
.mih--100p { min-height: 100% }
.mih--25vh { min-height: 25vh }
.mih--50vh { min-height: 50vh }
.mih--75vh { min-height: 75vh }
.mih--100vh { min-height: 100vh }
.mih--a { min-height: auto }
.mih--i { min-height: inherit }

	@media (max-width: 1280px) {
		.mih--0-l { min-height: 0 }
		.mih--1-l { min-height: 1px }
		.mih--2-l { min-height: 8px }
		.mih--3-l { min-height: 16px }
		.mih--4-l { min-height: 32px }
		.mih--5-l { min-height: 64px }
		.mih--6-l { min-height: 128px }
		.mih--7-l { min-height: 256px }
		.mih--8-l { min-height: 512px }
		.mih--25p-l { min-height: 25% }
		.mih--50p-l { min-height: 50% }
		.mih--75p-l { min-height: 75% }
		.mih--100p-l { min-height: 100% }
		.mih--25vh-l { min-height: 25vh }
		.mih--50vh-l { min-height: 50vh }
		.mih--75vh-l { min-height: 75vh }
		.mih--100vh-l { min-height: 100vh }
		.mih--a-l { min-height: auto }
		.mih--i-l { min-height: inherit }
	}
	
	@media (max-width: 840px) {
		.mih--0-m { min-height: 0 }
		.mih--1-m { min-height: 1px }
		.mih--2-m { min-height: 8px }
		.mih--3-m { min-height: 16px }
		.mih--4-m { min-height: 32px }
		.mih--5-m { min-height: 64px }
		.mih--6-m { min-height: 128px }
		.mih--7-m { min-height: 256px }
		.mih--8-m { min-height: 512px }
		.mih--25p-m { min-height: 25% }
		.mih--50p-m { min-height: 50% }
		.mih--75p-m { min-height: 75% }
		.mih--100p-m { min-height: 100% }
		.mih--25vh-m { min-height: 25vh }
		.mih--50vh-m { min-height: 50vh }
		.mih--75vh-m { min-height: 75vh }
		.mih--100vh-m { min-height: 100vh }
		.mih--a-m { min-height: auto }
		.mih--i-m { min-height: inherit }
	}
	
	@media (max-width: 400px) {
		.mih--0-s { min-height: 0 }
		.mih--1-s { min-height: 1px }
		.mih--2-s { min-height: 8px }
		.mih--3-s { min-height: 16px }
		.mih--4-s { min-height: 32px }
		.mih--5-s { min-height: 64px }
		.mih--6-s { min-height: 128px }
		.mih--7-s { min-height: 256px }
		.mih--8-s { min-height: 512px }
		.mih--25p-s { min-height: 25% }
		.mih--50p-s { min-height: 50% }
		.mih--75p-s { min-height: 75% }
		.mih--100p-s { min-height: 100% }
		.mih--25vh-s { min-height: 25vh }
		.mih--50vh-s { min-height: 50vh }
		.mih--75vh-s { min-height: 75vh }
		.mih--100vh-s { min-height: 100vh }
		.mih--a-s { min-height: auto }
		.mih--i-s { min-height: inherit }
	}

/*
 *	MAX-HEIGHT
 *	
 *	# Base
 *		mah = max-height
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 8px
 *		--3 = 16px
 *		--4 = 32px
 *		--5 = 64px
 *		--6 = 128px
 *		--7 = 256px
 *		--8 = 512px
 *		--25p = 25%
 *		--50p = 50%
 *		--75p = 75%
 *		--100p = 100%
 *		--25vh = a quarter of viewport height
 *		--50vh = half of viewport height
 *		--75vh = three-quarter of viewport height
 *		--100vh = full viewport height
 *		--n = none
 *		--i = inherit
 */
.mah--1 { max-height: 1px }
.mah--2 { max-height: 8px }
.mah--3 { max-height: 16px }
.mah--4 { max-height: 32px }
.mah--5 { max-height: 64px }
.mah--6 { max-height: 128px }
.mah--7 { max-height: 256px }
.mah--8 { max-height: 512px }
.mah--25p { max-height: 25% }
.mah--50p { max-height: 50% }
.mah--75p { max-height: 75% }
.mah--100p { max-height: 100% }
.mah--25vh { max-height: 25vh }
.mah--50vh { max-height: 50vh }
.mah--75vh { max-height: 75vh }
.mah--100vh { max-height: 100vh }
.mah--n { max-height: none }
.mah--i { max-height: inherit }

	@media (max-width: 1280px) {
		.mah--1-l { max-height: 1px }
		.mah--2-l { max-height: 8px }
		.mah--3-l { max-height: 16px }
		.mah--4-l { max-height: 32px }
		.mah--5-l { max-height: 64px }
		.mah--6-l { max-height: 128px }
		.mah--7-l { max-height: 256px }
		.mah--8-l { max-height: 512px }
		.mah--25p-l { max-height: 25% }
		.mah--50p-l { max-height: 50% }
		.mah--75p-l { max-height: 75% }
		.mah--100p-l { max-height: 100% }
		.mah--25vh-l { max-height: 25vh }
		.mah--50vh-l { max-height: 50vh }
		.mah--75vh-l { max-height: 75vh }
		.mah--100vh-l { max-height: 100vh }
		.mah--n-l { max-height: none }
		.mah--i-l { max-height: inherit }
	}
	
	@media (max-width: 840px) {
		.mah--1-m { max-height: 1px }
		.mah--2-m { max-height: 8px }
		.mah--3-m { max-height: 16px }
		.mah--4-m { max-height: 32px }
		.mah--5-m { max-height: 64px }
		.mah--6-m { max-height: 128px }
		.mah--7-m { max-height: 256px }
		.mah--8-m { max-height: 512px }
		.mah--25p-m { max-height: 25% }
		.mah--50p-m { max-height: 50% }
		.mah--75p-m { max-height: 75% }
		.mah--100p-m { max-height: 100% }
		.mah--25vh-m { max-height: 25vh }
		.mah--50vh-m { max-height: 50vh }
		.mah--75vh-m { max-height: 75vh }
		.mah--100vh-m { max-height: 100vh }
		.mah--n-m { max-height: none }
		.mah--i-m { max-height: inherit }
	}
	
	@media (max-width: 400px) {
		.mah--1-s { max-height: 1px }
		.mah--2-s { max-height: 8px }
		.mah--3-s { max-height: 16px }
		.mah--4-s { max-height: 32px }
		.mah--5-s { max-height: 64px }
		.mah--6-s { max-height: 128px }
		.mah--7-s { max-height: 256px }
		.mah--8-s { max-height: 512px }
		.mah--25p-s { max-height: 25% }
		.mah--50p-s { max-height: 50% }
		.mah--75p-s { max-height: 75% }
		.mah--100p-s { max-height: 100% }
		.mah--25vh-s { max-height: 25vh }
		.mah--50vh-s { max-height: 50vh }
		.mah--75vh-s { max-height: 75vh }
		.mah--100vh-s { max-height: 100vh }
		.mah--n-s { max-height: none }
		.mah--i-s { max-height: inherit }
	}


/*
 *	OVERFLOW
 */

/*
 *	OVERFLOW
 *	
 *	# Base
 *		of = overflow
 *		ofx = overflow-x
 *		ofy = overflow-y
 *
 *	# Modifiers
 *		--a = auto
 *		--hid = hidden
 *		--sl = scroll
 *		--v = visible
 *
 *	# Note
 *		You can use 'of--a' as a clearfix.
 *		https://stackoverflow.com/questions/211383/what-methods-of-clearfix-can-i-use
 */
.of--a { overflow: auto }
.of--hid { overflow: hidden }
.of--sl { overflow: scroll }
.of--v { overflow: visible }

.ofx--a { overflow-x: auto }
.ofx--hid { overflow-x: hidden }
.ofx--sl { overflow-x: scroll }
.ofx--v { overflow-x: visible }

.ofy--a { overflow-y: auto }
.ofy--hid { overflow-y: hidden }
.ofy--sl { overflow-y: scroll }
.ofy--v { overflow-y: visible }

	@media (max-width: 1280px) {
		.of--a-l { overflow: auto }
		.of--hid-l { overflow: hidden }
		.of--sl-l { overflow: scroll }
		.of--v-l { overflow: visible }

		.ofx--a-l { overflow-x: auto }
		.ofx--hid-l { overflow-x: hidden }
		.ofx--sl-l { overflow-x: scroll }
		.ofx--v-l { overflow-x: visible }

		.ofy--a-l { overflow-y: auto }
		.ofy--hid-l { overflow-y: hidden }
		.ofy--sl-l { overflow-y: scroll }
		.ofy--v-l { overflow-y: visible }
	}

	@media (max-width: 840px) {
		.of--a-m { overflow: auto }
		.of--hid-m { overflow: hidden }
		.of--sl-m { overflow: scroll }
		.of--v-m { overflow: visible }

		.ofx--a-m { overflow-x: auto }
		.ofx--hid-m { overflow-x: hidden }
		.ofx--sl-m { overflow-x: scroll }
		.ofx--v-m { overflow-x: visible }

		.ofy--a-m { overflow-y: auto }
		.ofy--hid-m { overflow-y: hidden }
		.ofy--sl-m { overflow-y: scroll }
		.ofy--v-m { overflow-y: visible }
	}

	@media (max-width: 400px) {
		.of--a-s { overflow: auto }
		.of--hid-s { overflow: hidden }
		.of--sl-s { overflow: scroll }
		.of--v-s { overflow: visible }

		.ofx--a-s { overflow-x: auto }
		.ofx--hid-s { overflow-x: hidden }
		.ofx--sl-s { overflow-x: scroll }
		.ofx--v-s { overflow-x: visible }

		.ofy--a-s { overflow-y: auto }
		.ofy--hid-s { overflow-y: hidden }
		.ofy--sl-s { overflow-y: scroll }
		.ofy--v-s { overflow-y: visible }
	}


/*
 *	RESIZE
 *	
 *	# Base
 *		re = resize
 *
 *	# Modifiers
 *		--bh = both
 *		--n = none
 *		--x = horizontal
 *		--y = vertical
 */
.re--bh { resize: both }
.re--n { resize: none }
.re--x { resize: horizontal }
.re--y { resize: vertical }

	@media (max-width: 1280px) {
		.re--bh-l { resize: both }
		.re--n-l { resize: none }
		.re--x-l { resize: horizontal }
		.re--y-l { resize: vertical }
	}

	@media (max-width: 840px) {
		.re--bh-m { resize: both }
		.re--n-m { resize: none }
		.re--x-m { resize: horizontal }
		.re--y-m { resize: vertical }
	}

	@media (max-width: 400px) {
		.re--bh-s { resize: both }
		.re--n-s { resize: none }
		.re--x-s { resize: horizontal }
		.re--y-s { resize: vertical }
	}


/*
 *	LIST
 */

/*
 *	LIST STYLE
 *	
 *	# Base
 *		lsst = list-style
 *
 *	# Modifiers
 *		--ins = inside
 *		--n = none
 *		--sq = square
 *		--i = inherit
 */
.lsst--ins { list-style: inside }
.lsst--n { list-style: none }
.lsst--sq { list-style: square }
.lsst--i { list-style: inherit }

	@media (max-width: 1280px) {
		.lsst--ins-l { list-style: inside }
		.lsst--n-l { list-style: none }
		.lsst--sq-l { list-style: square }
		.lsst--i-l { list-style: inherit }
	}

	@media (max-width: 840px) {
		.lsst--ins-m { list-style: inside }
		.lsst--n-m { list-style: none }
		.lsst--sq-m { list-style: square }
		.lsst--i-m { list-style: inherit }
	}

	@media (max-width: 400px) {
		.lsst--ins-s { list-style: inside }
		.lsst--n-s { list-style: none }
		.lsst--sq-s { list-style: square }
		.lsst--i-s { list-style: inherit }
	}


/*
 *	TABLE
 */

/*
 *	TABLE-LAYOUT
 *	
 *	# Base
 *		tbllt = table-layout
 *
 *	# Modifiers
 *		--a = auto
 *		--fix = fixed
 */
.tbllt--a { table-layout: auto }
.tbllt--fix { table-layout: fixed }

	@media (max-width: 1280px) {
		.tbllt-l--a { table-layout: auto }
		.tbllt-l--fix { table-layout: fixed }
	}

	@media (max-width: 840px) {
		.tbllt-m--a { table-layout: auto }
		.tbllt-m--fix { table-layout: fixed }
	}

	@media (max-width: 400px) {
		.tbllt-s--a { table-layout: auto }
		.tbllt-s--fix { table-layout: fixed }
	}

/*
 *	BORDER-COLLAPSE
 *	
 *	# Base
 *		brcoll = border-collapse
 *
 *	# Modifiers
 *		--coll = collapse
 *		--sep = separate
 *		--i = inherit
 */
.brcoll--coll { border-collapse: collapse }
.brcoll--sep { border-collapse: separate }
.brcoll--i { border-collapse: inherit }

	@media (max-width: 1280px) {
		.brcoll--coll-l { border-collapse: collapse }
		.brcoll--sep-l { border-collapse: separate }
		.brcoll--i-l { border-collapse: inherit }
	}

	@media (max-width: 840px) {
		.brcoll--coll-m { border-collapse: collapse }
		.brcoll--sep-m { border-collapse: separate }
		.brcoll--i-m { border-collapse: inherit }
	}

	@media (max-width: 400px) {
		.brcoll--coll-s { border-collapse: collapse }
		.brcoll--sep-s { border-collapse: separate }
		.brcoll--i-s { border-collapse: inherit }
	}

/*
 *	BORDER-SPACING
 *	
 *	# Base
 *		brsp = border-spacing
 *
 *	# Modifiers
 *		--0 = 0
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--i = inherit
 */
.brsp--0 { border-spacing: 0 }
.brsp--1 { border-spacing: 1px }
.brsp--2 { border-spacing: 2px }
.brsp--3 { border-spacing: 4px }
.brsp--4 { border-spacing: 8px }
.brsp--5 { border-spacing: 16px }
.brsp--6 { border-spacing: 32px }
.brsp--7 { border-spacing: 64px }
.brsp--8 { border-spacing: 128px }
.brsp--i { border-spacing: inherit }

	@media (max-width: 1280px) {
		.brsp--0-l { border-spacing: 0 }
		.brsp--1-l { border-spacing: 1px }
		.brsp--2-l { border-spacing: 2px }
		.brsp--3-l { border-spacing: 4px }
		.brsp--4-l { border-spacing: 8px }
		.brsp--5-l { border-spacing: 16px }
		.brsp--6-l { border-spacing: 32px }
		.brsp--7-l { border-spacing: 64px }
		.brsp--8-l { border-spacing: 128px }
		.brsp--i-l { border-spacing: inherit }
	}

	@media (max-width: 840px) {
		.brsp--0-m { border-spacing: 0 }
		.brsp--1-m { border-spacing: 1px }
		.brsp--2-m { border-spacing: 2px }
		.brsp--3-m { border-spacing: 4px }
		.brsp--4-m { border-spacing: 8px }
		.brsp--5-m { border-spacing: 16px }
		.brsp--6-m { border-spacing: 32px }
		.brsp--7-m { border-spacing: 64px }
		.brsp--8-m { border-spacing: 128px }
		.brsp--i-m { border-spacing: inherit }
	}

	@media (max-width: 400px) {
		.brsp--0-s { border-spacing: 0 }
		.brsp--1-s { border-spacing: 1px }
		.brsp--2-s { border-spacing: 2px }
		.brsp--3-s { border-spacing: 4px }
		.brsp--4-s { border-spacing: 8px }
		.brsp--5-s { border-spacing: 16px }
		.brsp--6-s { border-spacing: 32px }
		.brsp--7-s { border-spacing: 64px }
		.brsp--8-s { border-spacing: 128px }
		.brsp--i-s { border-spacing: inherit }
	}


/*
 *	VERTICAL-ALIGMENT 
 */

/*
 *	VERTICAL ALIGN
 *	
 *	# Base
 *		vlan = vertical-align
 *
 *	# Modifiers
 *		--t = top
 *		--b = bottom
 *		--bln = baseline
 *		--mid = middle
 */
.vlan--t { vertical-align: top }
.vlan--b { vertical-align: bottom }
.vlan--bln { vertical-align: baseline }
.vlan--mid { vertical-align: middle }

	@media (max-width: 1280px) {
		.vlan--t-m { vertical-align: top }
		.vlan--b-m { vertical-align: bottom }
		.vlan--bln-l { vertical-align: baseline }
		.vlan--mid-l { vertical-align: middle }
	}

	@media (max-width: 840px) {
		.vlan--t-m { vertical-align: top }
		.vlan--b-m { vertical-align: bottom }
		.vlan--bln-m { vertical-align: baseline }
		.vlan--mid-m { vertical-align: middle }
	}

	@media (max-width: 400px) {
		.vlan--t-s { vertical-align: top }
		.vlan--b-s { vertical-align: bottom }
		.vlan--bln-s { vertical-align: baseline }
		.vlan--mid-s { vertical-align: middle }
	}


/*
 *	TEXT-ALIGNMENT & DECORATION
 */

/*
 *	DIRECTION
 *	
 *	# Base
 *		dn = direction
 *
 *	# Modifiers
 *		--ltr = ltr (left to right)
 *		--rtl = rtl (right to left)
 *		--i = inherit
 */
.dn--ltr { direction: ltr }
.dn--rtl { direction: rtl }
.dn--i { direction: inherit }

	@media (max-width: 1280px) {
		.dn--ltr-l { direction: ltr }
		.dn--rtl-l { direction: rtl }
		.dn--i-l { direction: inherit }
	}
	
	@media (max-width: 840px) {
		.dn--ltr-m { direction: ltr }
		.dn--rtl-m { direction: rtl }
		.dn--i-m { direction: inherit }
	}
	
	@media (max-width: 400px) {
		.dn--ltr-s { direction: ltr }
		.dn--rtl-s { direction: rtl }
		.dn--i-s { direction: inherit }
	}

/*
 *	TEXT ALIGN
 *	
 *	# Base
 *		txtan = text-align
 *
 *	# Modifiers
 *		--r = right
 *		--l = left
 *		--ctr = center
 *		--j = justify
 *		--i = inherit
 */
.txtan--r { text-align: right }
.txtan--l { text-align: left }
.txtan--ctr { text-align: center }
.txtan--j { text-align: justify }
.txtan--i { text-align: inherit }

	@media (max-width: 1280px) {
		.txtan--r-l { text-align: right }
		.txtan--l-l { text-align: left }
		.txtan--ctr-l { text-align: center }
		.txtan--j-l { text-align: justify }
		.txtan--i-l { text-align: inherit }
	}

	@media (max-width: 840px) {
		.txtan--r-m { text-align: right }
		.txtan--l-m { text-align: left }
		.txtan--ctr-m { text-align: center }
		.txtan--j-m { text-align: justify }
		.txtan--i-m { text-align: inherit }
	}
	
	@media (max-width: 400px) {
		.txtan--r-s { text-align: right }
		.txtan--l-s { text-align: left }
		.txtan--ctr-s { text-align: center }
		.txtan--j-s { text-align: justify }
		.txtan--i-s { text-align: inherit }
	}

/*
 *	TEXT INDENT
 *	
 *	# Base
 *		txtit = text-indent
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 */
.txtit--1 { text-indent: 1px }
.txtit--2 { text-indent: 2px }
.txtit--3 { text-indent: 4px }
.txtit--4 { text-indent: 8px }
.txtit--5 { text-indent: 16px }
.txtit--6 { text-indent: 32px }
.txtit--7 { text-indent: 64px }
.txtit--8 { text-indent: 128px }


	@media (max-width: 1280px) {
		.txtit--1-l { text-indent: 1px }
		.txtit--2-l { text-indent: 2px }
		.txtit--3-l { text-indent: 4px }
		.txtit--4-l { text-indent: 8px }
		.txtit--5-l { text-indent: 16px }
		.txtit--6-l { text-indent: 32px }
		.txtit--7-l { text-indent: 64px }
		.txtit--8-l { text-indent: 128px }
	}

	@media (max-width: 840px) {
		.txtit--1-m { text-indent: 1px }
		.txtit--2-m { text-indent: 2px }
		.txtit--3-m { text-indent: 4px }
		.txtit--4-m { text-indent: 8px }
		.txtit--5-m { text-indent: 16px }
		.txtit--6-m { text-indent: 32px }
		.txtit--7-m { text-indent: 64px }
		.txtit--8-m { text-indent: 128px }
	}

	@media (max-width: 400px) {
		.txtit--1-s { text-indent: 1px }
		.txtit--2-s { text-indent: 2px }
		.txtit--3-s { text-indent: 4px }
		.txtit--4-s { text-indent: 8px }
		.txtit--5-s { text-indent: 16px }
		.txtit--6-s { text-indent: 32px }
		.txtit--7-s { text-indent: 64px }
		.txtit--8-s { text-indent: 128px }
	}

/*
 *	TEXT TRANSFORM
 *	
 *	# Base
 *		txttm = text-transform
 *
 *	# Modifiers
 *		--cap = capitalize
 *		--lc = lowercase
 *		--n = none
 *		--uc = uppercase
 *		--i = inherit
 */
.txttm--cap { text-transform: capitalize }
.txttm--lc { text-transform: lowercase }
.txttm--n { text-transform: none }
.txttm--uc { text-transform: uppercase }
.txttm--i { text-transform: inherit }

	@media (max-width: 1280px) {
		.txttm--cap-l { text-transform: capitalize }
		.txttm--lc-l { text-transform: lowercase }
		.txttm--n-l { text-transform: none }
		.txttm--uc-l { text-transform: uppercase }
		.txttm--i-l { text-transform: inherit }
	}

	@media (max-width: 840px) {
		.txttm--cap-m { text-transform: capitalize }
		.txttm--lc-m { text-transform: lowercase }
		.txttm--n-m { text-transform: none }
		.txttm--uc-m { text-transform: uppercase }
		.txttm--i-m { text-transform: inherit }
	}

	@media (max-width: 400px) {
		.txttm--cap-s { text-transform: capitalize }
		.txttm--lc-s { text-transform: lowercase }
		.txttm--n-s { text-transform: none }
		.txttm--uc-s { text-transform: uppercase }
		.txttm--i-s { text-transform: inherit }
	}

/*
 *	TEXT DECORATION
 *	
 *	# Base
 *		txtdec = text-decoration
 *		txtdechvr = text-decoration:hover
 *
 *	# Modifiers
 *		--n = none
 *		--u = underline
 */
.txtdec--n { text-decoration: none }
.txtdec--u { text-decoration: underline }
.txtdechvr--n:hover { text-decoration: none }
.txtdechvr--u:hover { text-decoration: underline }

	@media (max-width: 1280px) {
		.txtdec--n-l { text-decoration: none }
		.txtdec--u-l { text-decoration: underline }
		.txtdechvr--n-l:hover { text-decoration: none }
		.txtdechvr--u-l:hover { text-decoration: underline }
	}
	
	@media (max-width: 840px) {
		.txtdec--n-m { text-decoration: none }
		.txtdec--u-m { text-decoration: underline }
		.txtdechvr--n-m:hover { text-decoration: none }
		.txtdechvr--u-m:hover { text-decoration: underline }
	}
	
	@media (max-width: 400px) {
		.txtdec--n-s { text-decoration: none }
		.txtdec--u-s { text-decoration: underline }
		.txtdechvr--n-s:hover { text-decoration: none }
		.txtdechvr--u-s:hover { text-decoration: underline }
	}


/*
 *	TEXT-SPACING & COLOR
 */

/*
 *	LINE HEIGHT
 *	
 *	# Base
 *		lnh = line-height
 *
 *	# Modifiers
 *		--1 = 22.652px | related to .fts--1 { font-size: 14px }
 *		--2 = 25.888px | related to .fts--2 { font-size: 16px }
 *		--3	= 29.124px | related to .fts--3 { font-size: 18px }
 *		--4 = 33.978px | related to .fts--4 { font-size: 21px }
 *		--5 = 38.832px | related to .fts--5 { font-size: 24px }
 *		--6 = 48.540px | related to .fts--6 { font-size: 30px }
 *		--7	= 58.248px | related to .fts--7 { font-size: 36px }
 *		--8 = 77.664px | related to .fts--8 { font-size: 48px }
 *		--nl = normal
 *		--i = inherit
 *
 *	# Note
 *		Typography is a beast, so we're keepping it simple here using the golden ratio.
 */
.lnh--1 { line-height: 22.652px }
.lnh--2 { line-height: 25.888px }
.lnh--3 { line-height: 29.124px }
.lnh--4 { line-height: 33.978px }
.lnh--5 { line-height: 38.832px }
.lnh--6 { line-height: 48.540px }
.lnh--7 { line-height: 58.248px }
.lnh--8 { line-height: 77.664px }
.lnh--nl { line-height: normal }
.lnh--i { line-height: inherit }

	@media (max-width: 1280px) {
		.lnh--1-l { line-height: 22.652px }
		.lnh--2-l { line-height: 25.888px }
		.lnh--3-l { line-height: 29.124px }
		.lnh--4-l { line-height: 33.978px }
		.lnh--5-l { line-height: 38.832px }
		.lnh--6-l { line-height: 48.540px }
		.lnh--7-l { line-height: 58.248px }
		.lnh--8-l { line-height: 77.664px }
		.lnh--nl-l { line-height: normal }
		.lnh--i-l { line-height: inherit }
	}
	
	@media (max-width: 840px) {
		.lnh--1-m { line-height: 22.652px }
		.lnh--2-m { line-height: 25.888px }
		.lnh--3-m { line-height: 29.124px }
		.lnh--4-m { line-height: 33.978px }
		.lnh--5-m { line-height: 38.832px }
		.lnh--6-m { line-height: 48.540px }
		.lnh--7-m { line-height: 58.248px }
		.lnh--8-m { line-height: 77.664px }
		.lnh--nl-m { line-height: normal }
		.lnh--i-m { line-height: inherit }
	}
	
	@media (max-width: 400px) {
		.lnh--1-s { line-height: 22.652px }
		.lnh--2-s { line-height: 25.888px }
		.lnh--3-s { line-height: 29.124px }
		.lnh--4-s { line-height: 33.978px }
		.lnh--5-s { line-height: 38.832px }
		.lnh--6-s { line-height: 48.540px }
		.lnh--7-s { line-height: 58.248px }
		.lnh--8-s { line-height: 77.664px }
		.lnh--nl-s { line-height: normal }
		.lnh--i-s { line-height: inherit }
	}

/*
 *	WORD-SPACING
 *	
 *	# Base
 *		wdsp = word-spacing
 *
 *	# Modifiers
 *		--1 = 1px
 *		--2 = 2px
 *		--3 = 4px
 *		--4 = 8px
 *		--5 = 16px
 *		--6 = 32px
 *		--7 = 64px
 *		--8 = 128px
 *		--nl = normal
 *		--i = inherit
 */
.wdsp--1 { word-spacing: 1px }
.wdsp--2 { word-spacing: 2px }
.wdsp--3 { word-spacing: 4px }
.wdsp--4 { word-spacing: 8px }
.wdsp--5 { word-spacing: 16px }
.wdsp--6 { word-spacing: 32px }
.wdsp--7 { word-spacing: 64px }
.wdsp--8 { word-spacing: 128px }
.wdsp--nl { word-spacing: normal }
.wdsp--i { word-spacing: inherit }

	@media (max-width: 1280px) {
		.wdsp--1-l { word-spacing: 1px }
		.wdsp--2-l { word-spacing: 2px }
		.wdsp--3-l { word-spacing: 4px }
		.wdsp--4-l { word-spacing: 8px }
		.wdsp--5-l { word-spacing: 16px }
		.wdsp--6-l { word-spacing: 32px }
		.wdsp--7-l { word-spacing: 64px }
		.wdsp--8-l { word-spacing: 128px }
		.wdsp--nl-l { word-spacing: normal }
		.wdsp--i-l { word-spacing: inherit }
	}
	
	@media (max-width: 840px) {
		.wdsp--1-m { word-spacing: 1px }
		.wdsp--2-m { word-spacing: 2px }
		.wdsp--3-m { word-spacing: 4px }
		.wdsp--4-m { word-spacing: 8px }
		.wdsp--5-m { word-spacing: 16px }
		.wdsp--6-m { word-spacing: 32px }
		.wdsp--7-m { word-spacing: 64px }
		.wdsp--8-m { word-spacing: 128px }
		.wdsp--nl-m { word-spacing: normal }
		.wdsp--i-m { word-spacing: inherit }
	}
	
	@media (max-width: 400px) {
		.wdsp--1-s { word-spacing: 1px }
		.wdsp--2-s { word-spacing: 2px }
		.wdsp--3-s { word-spacing: 4px }
		.wdsp--4-s { word-spacing: 8px }
		.wdsp--5-s { word-spacing: 16px }
		.wdsp--6-s { word-spacing: 32px }
		.wdsp--7-s { word-spacing: 64px }
		.wdsp--8-s { word-spacing: 128px }
		.wdsp--nl-s { word-spacing: normal }
		.wdsp--i-s { word-spacing: inherit }
	}

/*
 *	LETTER SPACING
 *	
 *	# Base
 *		lrsp = letter-spacing
 *
 *	# Modifiers
 *		--1 = .25px
 *		--2 = .5px
 *		--3 = .75px
 *		--4	= 1px
 *		--5 = 1.25px
 *		--6 = 1.5px
 *		--7 = 1.75px
 *		--8	= 2px
 *		--n1 = -.25px
 *		--n2 = -.5px
 *		--n3 = -.75px
 *		--n4 = -1px
 *		--n5 = -1.25px
 *		--n6 = -1.5px
 *		--n7 = -1.75px
 *		--n8 = -2px
 *		--nl = normal
 *		--i = inherit
 */
.lrsp--1 { letter-spacing: .25px }
.lrsp--2 { letter-spacing: .5px }
.lrsp--3 { letter-spacing: .75px }
.lrsp--4 { letter-spacing: 1px }
.lrsp--5 { letter-spacing: 1.25px }
.lrsp--6 { letter-spacing: 1.5px }
.lrsp--7 { letter-spacing: 1.75px }
.lrsp--8 { letter-spacing: 2px }
.lrsp--n1 { letter-spacing: -.25px }
.lrsp--n2 { letter-spacing: -.5px }
.lrsp--n3 { letter-spacing: -.75px }
.lrsp--n4 { letter-spacing: -1px }
.lrsp--n5 { letter-spacing: -1.25px }
.lrsp--n6 { letter-spacing: -1.5px }
.lrsp--n7 { letter-spacing: -1.75px }
.lrsp--n8 { letter-spacing: -2px }
.lrsp--nl { letter-spacing: normal }
.lrsp--i { letter-spacing: inherit }
	
	@media (max-width: 1280px) {
		.lrsp--1-l { letter-spacing: .25px }
		.lrsp--2-l { letter-spacing: .5px }
		.lrsp--3-l { letter-spacing: .75px }
		.lrsp--4-l { letter-spacing: 1px }
		.lrsp--5-l { letter-spacing: 1.25px }
		.lrsp--6-l { letter-spacing: 1.5px }
		.lrsp--7-l { letter-spacing: 1.75px }
		.lrsp--8-l { letter-spacing: 2px }
		.lrsp--n1-l { letter-spacing: -.25px }
		.lrsp--n2-l { letter-spacing: -.5px }
		.lrsp--n3-l { letter-spacing: -.75px }
		.lrsp--n4-l { letter-spacing: -1px }
		.lrsp--n5-l { letter-spacing: -1.25px }
		.lrsp--n6-l { letter-spacing: -1.5px }
		.lrsp--n7-l { letter-spacing: -1.75px }
		.lrsp--n8-l { letter-spacing: -2px }
		.lrsp--nl-l { letter-spacing: normal }
		.lrsp--i-l { letter-spacing: inherit }
	}

	@media (max-width: 840px) {
		.lrsp--1-m { letter-spacing: .25px }
		.lrsp--2-m { letter-spacing: .5px }
		.lrsp--3-m { letter-spacing: .75px }
		.lrsp--4-m { letter-spacing: 1px }
		.lrsp--5-m { letter-spacing: 1.25px }
		.lrsp--6-m { letter-spacing: 1.5px }
		.lrsp--7-m { letter-spacing: 1.75px }
		.lrsp--8-m { letter-spacing: 2px }
		.lrsp--n1-m { letter-spacing: -.25px }
		.lrsp--n2-m { letter-spacing: -.5px }
		.lrsp--n3-m { letter-spacing: -.75px }
		.lrsp--n4-m { letter-spacing: -1px }
		.lrsp--n5-m { letter-spacing: -1.25px }
		.lrsp--n6-m { letter-spacing: -1.5px }
		.lrsp--n7-m { letter-spacing: -1.75px }
		.lrsp--n8-m { letter-spacing: -2px }
		.lrsp--nl-m { letter-spacing: normal }
		.lrsp--i-m { letter-spacing: inherit }
	}
	
	@media (max-width: 400px) {
		.lrsp--1-s { letter-spacing: .25px }
		.lrsp--2-s { letter-spacing: .5px }
		.lrsp--3-s { letter-spacing: .75px }
		.lrsp--4-s { letter-spacing: 1px }
		.lrsp--5-s { letter-spacing: 1.25px }
		.lrsp--6-s { letter-spacing: 1.5px }
		.lrsp--7-s { letter-spacing: 1.75px }
		.lrsp--8-s { letter-spacing: 2px }
		.lrsp--n1-s { letter-spacing: -.25px }
		.lrsp--n2-s { letter-spacing: -.5px }
		.lrsp--n3-s { letter-spacing: -.75px }
		.lrsp--n4-s { letter-spacing: -1px }
		.lrsp--n5-s { letter-spacing: -1.25px }
		.lrsp--n6-s { letter-spacing: -1.5px }
		.lrsp--n7-s { letter-spacing: -1.75px }
		.lrsp--n8-s { letter-spacing: -2px }
		.lrsp--nl-s { letter-spacing: normal }
		.lrsp--i-s { letter-spacing: inherit }
	}

/*
 *	WHITE SPACE
 *	
 *	# Base
 *		whsp = white-space
 *
 *	# Modifiers
 *		--nl = normal
 *		--n = nowrap
 *		--pre = pre
 *		--prewp = pre-wrap
 *		--i = inherit
 */
.whsp--nl { white-space: normal }
.whsp--n { white-space: nowrap }
.whsp--pre { white-space: pre }
.whsp--prewp { white-space: pre-wrap }
.whsp--i { white-space: inherit }
	
	@media (max-width: 1280px) {
		.whsp--nl-l { white-space: normal }
		.whsp--n-l { white-space: nowrap }
		.whsp--pre-l { white-space: pre }
		.whsp--prewp-l { white-space: pre-wrap }
		.whsp--i-l { white-space: inherit }
	}

	@media (max-width: 840px) {
		.whsp--nl-m { white-space: normal }
		.whsp--n-m { white-space: nowrap }
		.whsp--pre-m { white-space: pre }
		.whsp--prewp-m { white-space: pre-wrap }
		.whsp--i-m { white-space: inherit }
	}

	@media (max-width: 400px) {
		.whsp--nls { white-space: normal }
		.whsp--n-s { white-space: nowrap }
		.whsp--pre-s { white-space: pre }
		.whsp--prewp-s { white-space: pre-wrap }
		.whsp--i-s { white-space: inherit }
	}

/*
 *	WORD BREAK
 *	
 *	# Base
 *		wdbrk = word-break
 *
 *	# Modifiers
 *		--nl = normal
 *		--kpal = keep-all
 *		--brkal = break-all
 */
.wdbrk--nl { word-break: normal }
.wdbrk--kpal { word-break: keep-all }
.wdbrk--brkal { word-break: break-all }
	
	@media (max-width: 1280px) {
		.wdbrk--nl-l { word-break: normal }
		.wdbrk--kpal-l { word-break: keep-all }
		.wdbrk--brkal-l { word-break: break-all }
	}

	@media (max-width: 840px) {
		.wdbrk--nl-m { word-break: normal }
		.wdbrk--kpal-m { word-break: keep-all }
		.wdbrk--brkal-m { word-break: break-all }
	}

	@media (max-width: 400px) {
		.wdbrk--nl-s { word-break: normal }
		.wdbrk--kpal-s { word-break: keep-all }
		.wdbrk--brkal-s { word-break: break-all }
	}

/*
 *	WORD WRAP
 *	
 *	# Base
 *		wdwp = word-wrap
 *
 *	# Modifiers
 *		--brkwd = break-word
 *		--nl = normal
 *		--i = inherit
 */
.wdwp--brkwd { word-wrap: break-word }
.wdwp--nl { word-wrap: normal }
.wdwp--i { word-wrap: inherit }
	
	@media (max-width: 1280px) {
		.wdwp--brkwd-l { word-wrap: break-word }
		.wdwp--nl-l { word-wrap: normal }
		.wdwp--i-l { word-wrap: inherit }
	}

	@media (max-width: 840px) {
		.wdwp--brkwd-m { word-wrap: break-word }
		.wdwp--nl-m { word-wrap: normal }
		.wdwp--i-m { word-wrap: inherit }
	}

	@media (max-width: 400px) {
		.wdwp--brkwd-s { word-wrap: break-word }
		.wdwp--nl-s { word-wrap: normal }
		.wdwp--i-s { word-wrap: inherit }
	}

/*
 *	COLOR
 *
 *	# Base
 *		c = color
 *		chvr = color:hover
 *
 *	# Modifiers
 *		--gy1 = #fafafa (grey)
 *		--gy2 = #ededed (grey)
 *		--gy3 = #dddddd (grey)
 *		--gy4 = #b1b1b1 (grey)
 *		--gy5 = #878787 (grey)
 *		--gy6 = #6a6a6a (grey)
 *		--gy7 = #4d4d4d (grey)
 *		--gy8 = #303030 (grey)
 *		--rd1 = #c8102e (red)
 *		--gn1 = #009f4d (green)
 *		--bl1 = #006eb6 (blue)
 *		--yl1 = #ffc428 (yellow)
 *		--bk1 = #000000 (black)
 *		--wh1 = #ffffff (white)
 *		--tp = transparent
 *		--i = inherit
 */
.c--gy1 { color: #fafafa }
.c--gy2 { color: #ededed }
.c--gy3 { color: #dddddd }
.c--gy4 { color: #b1b1b1 }
.c--gy5 { color: #878787 }
.c--gy6 { color: #6a6a6a }
.c--gy7 { color: #4d4d4d }
.c--gy8 { color: #303030 }
.c--rd1 { color: #c8102e }
.c--gn1 { color: #009f4d }
.c--bl1 { color: #006eb6 }
.c--yl1 { color: #ffc428 }
.c--bk1 { color: #000000 }
.c--wh1 { color: #ffffff }
.c--tp { color: transparent }
.c--i { color: inherit }

.chvr--gy1:hover { color: #fafafa }
.chvr--gy2:hover { color: #ededed }
.chvr--gy3:hover { color: #dddddd }
.chvr--gy4:hover { color: #b1b1b1 }
.chvr--gy5:hover { color: #878787 }
.chvr--gy6:hover { color: #6a6a6a }
.chvr--gy7:hover { color: #4d4d4d }
.chvr--gy8:hover { color: #303030 }
.chvr--rd1:hover { color: #c8102e }
.chvr--gn1:hover { color: #009f4d }
.chvr--bl1:hover { color: #006eb6 }
.chvr--yl1:hover { color: #ffc428 }
.chvr--bk1:hover { color: #000000 }
.chvr--wh1:hover { color: #ffffff }
.chvr--tp:hover { color: transparent }
.chvr--i:hover { color: inherit }

	@media (max-width: 1280px) {
		.c--gy1-l { color: #fafafa }
		.c--gy2-l { color: #ededed }
		.c--gy3-l { color: #dddddd }
		.c--gy4-l { color: #b1b1b1 }
		.c--gy5-l { color: #878787 }
		.c--gy6-l { color: #6a6a6a }
		.c--gy7-l { color: #4d4d4d }
		.c--gy8-l { color: #303030 }
		.c--rd1-l { color: #c8102e }
		.c--gn1-l { color: #009f4d }
		.c--bl1-l { color: #006eb6 }
		.c--yl1-l { color: #ffc428 }
		.c--bk1-l { color: #000000 }
		.c--wh1-l { color: #ffffff }
		.c--tp-l { color: transparent }
		.c--i-l { color: inherit }

		.chvr--gy1-l:hover { color: #fafafa }
		.chvr--gy2-l:hover { color: #ededed }
		.chvr--gy3-l:hover { color: #dddddd }
		.chvr--gy4-l:hover { color: #b1b1b1 }
		.chvr--gy5-l:hover { color: #878787 }
		.chvr--gy6-l:hover { color: #6a6a6a }
		.chvr--gy7-l:hover { color: #4d4d4d }
		.chvr--gy8-l:hover { color: #303030 }
		.chvr--rd1-l:hover { color: #c8102e }
		.chvr--gn1-l:hover { color: #009f4d }
		.chvr--bl1-l:hover { color: #006eb6 }
		.chvr--yl1-l:hover { color: #ffc428 }
		.chvr--bk1-l:hover { color: #000000 }
		.chvr--wh1-l:hover { color: #ffffff }
		.chvr--tp-l:hover { color: transparent }
		.chvr--i-l:hover { color: inherit }
	}

	@media (max-width: 840px) {
		.c--gy1-m { color: #fafafa }
		.c--gy2-m { color: #ededed }
		.c--gy3-m { color: #dddddd }
		.c--gy4-m { color: #b1b1b1 }
		.c--gy5-m { color: #878787 }
		.c--gy6-m { color: #6a6a6a }
		.c--gy7-m { color: #4d4d4d }
		.c--gy8-m { color: #303030 }
		.c--rd1-m { color: #c8102e }
		.c--gn1-m { color: #009f4d }
		.c--bl1-m { color: #006eb6 }
		.c--yl1-m { color: #ffc428 }
		.c--bk1-m { color: #000000 }
		.c--wh1-m { color: #ffffff }
		.c--tp-m { color: transparent }
		.c--i-m { color: inherit }

		.chvr--gy1-m:hover { color: #fafafa }
		.chvr--gy2-m:hover { color: #ededed }
		.chvr--gy3-m:hover { color: #dddddd }
		.chvr--gy4-m:hover { color: #b1b1b1 }
		.chvr--gy5-m:hover { color: #878787 }
		.chvr--gy6-m:hover { color: #6a6a6a }
		.chvr--gy7-m:hover { color: #4d4d4d }
		.chvr--gy8-m:hover { color: #303030 }
		.chvr--rd1-m:hover { color: #c8102e }
		.chvr--gn1-m:hover { color: #009f4d }
		.chvr--bl1-m:hover { color: #006eb6 }
		.chvr--yl1-m:hover { color: #ffc428 }
		.chvr--bk1-m:hover { color: #000000 }
		.chvr--wh1-m:hover { color: #ffffff }
		.chvr--tp-m:hover { color: transparent }
		.chvr--i-m:hover { color: inherit }
	}

	@media (max-width: 400px) {
		.c--gy1-s { color: #fafafa }
		.c--gy2-s { color: #ededed }
		.c--gy3-s { color: #dddddd }
		.c--gy4-s { color: #b1b1b1 }
		.c--gy5-s { color: #878787 }
		.c--gy6-s { color: #6a6a6a }
		.c--gy7-s { color: #4d4d4d }
		.c--gy8-s { color: #303030 }
		.c--rd1-s { color: #c8102e }
		.c--gn1-s { color: #009f4d }
		.c--bl1-s { color: #006eb6 }
		.c--yl1-s { color: #ffc428 }
		.c--bk1-s { color: #000000 }
		.c--wh1-s { color: #ffffff }
		.c--tp-s { color: transparent }
		.c--i-s { color: inherit }

		.chvr--gy1-s:hover { color: #fafafa }
		.chvr--gy2-s:hover { color: #ededed }
		.chvr--gy3-s:hover { color: #dddddd }
		.chvr--gy4-s:hover { color: #b1b1b1 }
		.chvr--gy5-s:hover { color: #878787 }
		.chvr--gy6-s:hover { color: #6a6a6a }
		.chvr--gy7-s:hover { color: #4d4d4d }
		.chvr--gy8-s:hover { color: #303030 }
		.chvr--rd1-s:hover { color: #c8102e }
		.chvr--gn1-s:hover { color: #009f4d }
		.chvr--bl1-s:hover { color: #006eb6 }
		.chvr--yl1-s:hover { color: #ffc428 }
		.chvr--bk1-s:hover { color: #000000 }
		.chvr--wh1-s:hover { color: #ffffff }
		.chvr--tp-s:hover { color: transparent }
		.chvr--i-s:hover { color: inherit }
	}


/*
 *	FONT
 */

/*
 *	FONT-FAMILY
 *
 *	# Base
 *		ftfam = font-family
 *
 *	# Modifiers
 *		--sssrf = sans-serif
 *		--mosp = monospace
 *		--i = inherit
 *
 *	# Note
 *		Are you REALLY REALLY sure about changing the typeface using media queries? 
 */
.ftfam--sssrf { font-family: -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif }
.ftfam--mosp { font-family: "SF Mono","Lucida Console","Liberation Mono","Courier New",monospace }
.ftfam--i { font-family: inherit }

	@media (max-width: 1280px) {
		.ftfam--sssrf-l { font-family: -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif }
		.ftfam--mosp-l { font-family: "SF Mono","Lucida Console","Liberation Mono","Courier New",monospace }
		.ftfam--i-l { font-family: inherit }
	}	
	
	@media (max-width: 840px) {
		.ftfam--sssrf-m { font-family: -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif }
		.ftfam--mosp-m { font-family: "SF Mono","Lucida Console","Liberation Mono","Courier New",monospace }
		.ftfam--i-m { font-family: inherit }
	}
	
	@media (max-width: 400px) {
		.ftfam--sssrf-s { font-family: -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif }
		.ftfam--mosp-s { font-family: "SF Mono","Lucida Console","Liberation Mono","Courier New",monospace }
		.ftfam--i-s { font-family: inherit }
	}

/*
 *	FONT SIZE
 *	
 *	# Base
 *		fts = font-size
 *
 *	# Modifiers
 *		--1 = 14px
 *		--2 = 16px
 *		--3 = 18px
 *		--4 = 21px
 * 		--5 = 24px
 *		--6 = 30px
 *		--7 = 36px
 *		--8 = 48px
 *		--i = inherit
 *
 *	# Note
 *		Typography is a beast, so we're keepping it simple here using the classical typographic scale.
 */
.fts--1 { font-size: 14px }
.fts--2 { font-size: 16px }
.fts--3 { font-size: 18px }
.fts--4 { font-size: 21px }
.fts--5 { font-size: 24px }
.fts--6 { font-size: 30px }
.fts--7 { font-size: 36px }
.fts--8 { font-size: 48px }
.fts--i { font-size: inherit }

	@media (max-width: 1280px) {
		.fts--1-l { font-size: 14px }
		.fts--2-l { font-size: 16px }
		.fts--3-l { font-size: 18px }
		.fts--4-l { font-size: 21px }
		.fts--5-l { font-size: 24px }
		.fts--6-l { font-size: 30px }
		.fts--7-l { font-size: 36px }
		.fts--8-l { font-size: 48px }
		.fts--i-l { font-size: inherit }
	}
	
	@media (max-width: 840px) {
		.fts--1-m { font-size: 14px }
		.fts--2-m { font-size: 16px }
		.fts--3-m { font-size: 18px }
		.fts--4-m { font-size: 21px }
		.fts--5-m { font-size: 24px }
		.fts--6-m { font-size: 30px }
		.fts--7-m { font-size: 36px }
		.fts--8-m { font-size: 48px }
		.fts--i-m { font-size: inherit }
	}
	
	@media (max-width: 400px) {
		.fts--1-s { font-size: 14px }
		.fts--2-s { font-size: 16px }
		.fts--3-s { font-size: 18px }
		.fts--4-s { font-size: 21px }
		.fts--5-s { font-size: 24px }
		.fts--6-s { font-size: 30px }
		.fts--7-s { font-size: 36px }
		.fts--8-s { font-size: 48px }
		.fts--i-s { font-size: inherit }
	}

/*
 *	FONT WEIGHT
 *	
 *	# Base
 *		ftwt = font-weight
 *
 *	# Modifiers
 *		--1 = 100
 *		--2 = 200
 *		--3 = 300
 *		--4 = 400 (normal)
 *		--5 = 500
 *		--6 = 600
 *		--7 = 700 (bold)
 *		--8 = 800
 *		--i = inherit
 */
.ftwt--1 { font-weight: 100 }
.ftwt--2 { font-weight: 200 }
.ftwt--3 { font-weight: 300 }
.ftwt--4 { font-weight: 400 }
.ftwt--5 { font-weight: 500 }
.ftwt--6 { font-weight: 600 }
.ftwt--7 { font-weight: 700 } 
.ftwt--8 { font-weight: 800 }
.ftwt--i { font-weight: inherit }

	@media (max-width: 1280px) {
		.ftwt--1-l { font-weight: 100 }
		.ftwt--2-l { font-weight: 200 }
		.ftwt--3-l { font-weight: 300 }
		.ftwt--4-l { font-weight: 400 }
		.ftwt--5-l { font-weight: 500 }
		.ftwt--6-l { font-weight: 600 }
		.ftwt--7-l { font-weight: 700 }
		.ftwt--8-l { font-weight: 800 }
		.ftwt--i-l { font-weight: inherit }
	}
	
	@media (max-width: 840px) {
		.ftwt--1-m { font-weight: 100 }
		.ftwt--2-m { font-weight: 200 }
		.ftwt--3-m { font-weight: 300 }
		.ftwt--4-m { font-weight: 400 }
		.ftwt--5-m { font-weight: 500 }
		.ftwt--6-m { font-weight: 600 }
		.ftwt--7-m { font-weight: 700 }
		.ftwt--8-m { font-weight: 800 }
		.ftwt--i-m { font-weight: inherit }
	}
	
	@media (max-width: 400px) {
		.ftwt--1-s { font-weight: 100 }
		.ftwt--2-s { font-weight: 200 }
		.ftwt--3-s { font-weight: 300 }
		.ftwt--4-s { font-weight: 400 }
		.ftwt--5-s { font-weight: 500 }
		.ftwt--6-s { font-weight: 600 }
		.ftwt--7-s { font-weight: 700 }
		.ftwt--8-s { font-weight: 800 }
		.ftwt--i-s { font-weight: inherit }
	}

/*
 *	FONT STYLE
 *	
 *	# Base
 *		ftst = font-style
 *
 *	# Modifiers
 *		--ic = italic
 *		--nl = normal
 *		--i = inherit
 */
.ftst--ic { font-style: italic }
.ftst--nl { font-style: normal }
.ftst--i { font-style: inherit }

	@media (max-width: 1280px) {
		.ftst--ic-l { font-style: italic }
		.ftst--nl-l { font-style: normal }
		.ftst--i-l { font-style: inherit }
	}	
	
	@media (max-width: 840px) {
		.ftst--ic-m { font-style: italic }
		.ftst--nl-m { font-style: normal }
		.ftst--i-m { font-style: inherit }
	}
	
	@media (max-width: 400px) {
		.ftst--ic-s { font-style: italic }
		.ftst--nl-s { font-style: normal }
		.ftst--i-s { font-style: inherit }
	}


/*
 *	POINTER EVENTS
 *	
 *	# Base
 *		ptres = pointer-events
 *
 *	# Modifiers
 *		--a = auto
 *		--n = none
 */
.ptres--a { pointer-events: auto }
.ptres--n { pointer-events: none }

	@media (max-width: 1280px) {
		.ptres--a-l { pointer-events: auto }
		.ptres--n-l { pointer-events: none }
	}	
	
	@media (max-width: 840px) {
		.ptres--a-m { pointer-events: auto }
		.ptres--n-m { pointer-events: none }
	}
	
	@media (max-width: 400px) {
		.ptres--a-s { pointer-events: auto }
		.ptres--n-s { pointer-events: none }
	}
