
.list-inline > li {
	width: 50%;
	float: left;
	font: 20px 'Raleway', sans-serif;
	letter-spacing: 5px;
	text-align: center;
	margin-bottom: 20px;
	transition: all 0.3s ease-out;
}
@media only screen and (min-width: 480px) {
	.list-inline > li { font-size: 24px; letter-spacing: 6px; }
}
@media only screen and (min-width: 992px) {
	.list-inline > li { font-size: 40px; letter-spacing: 10px; }
}
.list-inline > li:hover { transform: scale(1.3); }
.list-inline > li:nth-child(odd) { clear: left; }
.outlined-1 {
	color: #aaa;
	text-shadow: 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
.outlined-2 {
	color: #aaa;
	text-shadow: 0 0 0.1px #000, 0 0 0.1px #000, 0 0 0.1px #000, 0 0 0.1px #000, 0 1px 0.1px #000, 0 1px 0.1px #000, 0 -1px 0.1px #000, 0 -1px 0.1px #000, 0 2px 0.1px #000, 0 2px 0.1px #000, 0 -2px 0.1px #000, 0 -2px 0.1px #000, 1px 0 0.1px #000, -1px 0 0.1px #000, -1px 0 0.1px #000, 1px 0 0.1px #000, 1px 1px 0.1px #000, -1px 1px 0.1px #000, -1px -1px 0.1px #000, 1px -1px 0.1px #000, 1px 2px 0.1px #000, -1px 2px 0.1px #000, -1px -2px 0.1px #000, 1px -2px 0.1px #000, 2px 0 0.1px #000, -2px 0 0.1px #000, -2px 0 0.1px #000, 2px 0 0.1px #000, 2px 1px 0.1px #000, -2px 1px 0.1px #000, -2px -1px 0.1px #000, 2px -1px 0.1px #000, 2px 2px 0.1px #000, -2px 2px 0.1px #000, -2px -2px 0.1px #000, 2px -2px 0.1px #000, 0 0 0 hsla(0,0%,0%,0);
}
.engraved {
	color: #aaa;
	text-shadow: 0 0 hsla(0,0%,100%,0.03333), 0 0 hsla(0,0%,0%,0.2), -0.5px 0.5px hsla(0,0%,100%,0.03333), 0.5px -0.5px hsla(0,0%,0%,0.2), -1px 1px hsla(0,0%,100%,0.03333), 1px -1px hsla(0,0%,0%,0.2), -1.5px 1.5px hsla(0,0%,100%,0.03333), 1.5px -1.5px hsla(0,0%,0%,0.2), -2px 2px hsla(0,0%,100%,0.03333), 2px -2px hsla(0,0%,0%,0.2), 0 0 40px hsla(0,0%,100%,0.1);
}
.embossed {
	color: #aaa;
	text-shadow: 0 0 hsla(0, 0%, 0%, 0.2), 0 0 hsla(0, 0%, 100%, 0.2), -0.5px 0.5px hsla(0, 0%, 0%, 0.2), 0.5px -0.5px hsla(0, 0%, 100%, 0.2), -1px 1px hsla(0, 0%, 0%, 0.2), 1px -1px hsla(0, 0%, 100%, 0.2), -1.5px 1.5px hsla(0, 0%, 0%, 0.2), 1.5px -1.5px hsla(0, 0%, 100%, 0.2), 0 0 4.5px hsla(0, 0%, 0%, 1);
}
.extruded {
	text-shadow: 0 1px hsl(0, 0%, 85%), 0 2px hsl(0, 0%, 80%), 0 3px hsl(0, 0%, 75%), 0 4px hsl(0, 0%, 70%), 0 5px hsl(0, 0%, 65%), 0 5px 10px #000;
}
.etched {
  text-shadow: 0 2px white;
  font-size: 1.5rem;
  font-weight: bold;
  color: #b8bec5;
}
.rainbows {
	color: #fff;
	text-shadow: -0.2px 0.2px 0 hsla(7.2, 60%, 45%, 1), -0.4px 0.4px 0 hsla(14.4, 60%, 45%, 1), -0.6px 0.6px 0 hsla(21.6, 60%, 45%, 1), -0.8px 0.8px 0 hsla(28.8, 60%, 45%, 1), -1px 1px 0 hsla(36, 60%, 45%, 1), -1.2px 1.2px 0 hsla(43.2, 60%, 45%, 1), -1.4px 1.4px 0 hsla(50.4, 60%, 45%, 1), -1.6px 1.6px 0 hsla(57.6, 60%, 45%, 1), -1.8px 1.8px 0 hsla(64.8, 60%, 45%, 1), -2px 2px 0 hsla(72, 60%, 45%, 1), -2.2px 2.2px 0 hsla(79.2, 60%, 45%, 1), -2.4px 2.4px 0 hsla(86.4, 60%, 45%, 1), -2.6px 2.6px 0 hsla(93.6, 60%, 45%, 1), -2.8px 2.8px 0 hsla(100.8, 60%, 45%, 1), -3px 3px 0 hsla(108, 60%, 45%, 1), -3.2px 3.2px 0 hsla(115.2, 60%, 45%, 1), -3.4px 3.4px 0 hsla(122.4, 60%, 45%, 1), -3.6px 3.6px 0 hsla(129.6, 60%, 45%, 1), -3.8px 3.8px 0 hsla(136.8, 60%, 45%, 1), -4px 4px 0 hsla(144, 60%, 45%, 1), -4.2px 4.2px 0 hsla(151.2, 60%, 45%, 1), -4.4px 4.4px 0 hsla(158.4, 60%, 45%, 1), -4.6px 4.6px 0 hsla(165.6, 60%, 45%, 1), -4.8px 4.8px 0 hsla(172.8, 60%, 45%, 1), -5px 5px 0 hsla(180, 60%, 45%, 1), -5.2px 5.2px 0 hsla(187.2, 60%, 45%, 1), -5.4px 5.4px 0 hsla(194.4, 60%, 45%, 1), -5.6px 5.6px 0 hsla(201.6, 60%, 45%, 1), -5.8px 5.8px 0 hsla(208.8, 60%, 45%, 1), -6px 6px 0 hsla(216, 60%, 45%, 1), -6.2px 6.2px 0 hsla(223.2, 60%, 45%, 1), -6.4px 6.4px 0 hsla(230.4, 60%, 45%, 1), -6.6px 6.6px 0 hsla(237.6, 60%, 45%, 1), -6.8px 6.8px 0 hsla(244.8, 60%, 45%, 1), -7px 7px 0 hsla(252, 60%, 45%, 1), -7.2px 7.2px 0 hsla(259.2, 60%, 45%, 1), -7.4px 7.4px 0 hsla(266.4, 60%, 45%, 1), -7.6px 7.6px 0 hsla(273.6, 60%, 45%, 1), -7.8px 7.8px 0 hsla(280.8, 60%, 45%, 1), -8px 8px 0 hsla(288, 60%, 45%, 1), -8.2px 8.2px 0 hsla(295.2, 60%, 45%, 1), -8.4px 8.4px 0 hsla(302.4, 60%, 45%, 1), -8.6px 8.6px 0 hsla(309.6, 60%, 45%, 1), -8.8px 8.8px 0 hsla(316.8, 60%, 45%, 1), -9px 9px 0 hsla(324, 60%, 45%, 1), -9.2px 9.2px 0 hsla(331.2, 60%, 45%, 1), -9.4px 9.4px 0 hsla(338.4, 60%, 45%, 1), -9.6px 9.6px 0 hsla(345.6, 60%, 45%, 1), -9.8px 9.8px 0 hsla(352.8, 60%, 45%, 1), -10px 10px 0 hsla(360, 60%, 45%, 1), 0 0 0 hsla(0,0%,0%,0);
}
.stickers {
	color: indigo;
	text-shadow: 0 0 0 #ffd, 0 0 0 #ffd, 0 0 0 #ffd, 0 0 0 #ffd, 0 1px 0 #ffd, 0 1px 0 #ffd, 0 -1px 0 #ffd, 0 -1px 0 #ffd, 0 2px 0 #ffd, 0 2px 0 #ffd, 0 -2px 0 #ffd, 0 -2px 0 #ffd, 1px 0 0 #ffd, -1px 0 0 #ffd, -1px 0 0 #ffd, 1px 0 0 #ffd, 1px 1px 0 #ffd, -1px 1px 0 #ffd, -1px -1px 0 #ffd, 1px -1px 0 #ffd, 1px 2px 0 #ffd, -1px 2px 0 #ffd, -1px -2px 0 #ffd, 1px -2px 0 #ffd, 2px 0 0 #ffd, -2px 0 0 #ffd, -2px 0 0 #ffd, 2px 0 0 #ffd, 2px 1px 0 #ffd, -2px 1px 0 #ffd, -2px -1px 0 #ffd, 2px -1px 0 #ffd, 2px 2px 0 #ffd, -2px 2px 0 #ffd, -2px -2px 0 #ffd, 2px -2px 0 #ffd, 0 0 0 hsla(0,0%,0%,0), -4px 2px 2px #000;
}
.thickness {
	color: #aaa;
	text-shadow: 0 1px 0 #4a6868, 0 2px 0 #405959, 0 3px 0 #354a4a, 0 0 0 hsla(0,0%,0%,0), -4px 4px 6px #000;
}
.threed-text {
	color: #fff;
	text-shadow: 0 1px 0 #ccc,
		0 2px 0 #c9c9c9,
		0 3px 0 #bbb,
		0 4px 0 #b9b9b9,
		0 5px 0 #aaa,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 3px 5px rgba(0,0,0,.2),
		0 5px 10px rgba(0,0,0,.25),
		0 10px 10px rgba(0,0,0,.2),
		0 20px 20px rgba(0,0,0,.15);
}
.hot-glow {
	color: #fff;
    text-shadow: 0 0 75px #fff, 0 0 30px #fff, 0 0 5px #fff;
}
.glow {
	color: #fff;
	text-shadow: 0 0 15px #87F, 0 0 30px #87F, 0 0 45px #87F
}
.drop-relief {
	color: #e0eff2;
	text-shadow: -2px 2px 0 #3a50d9, -6px 3px 0 #0a0e27;
}
.relief { text-shadow: 4px 2px 0 #2f4f4f, 8px 5px 0 #0a0e27; }
@media only screen and (max-width: 599px) {
	.relief { text-shadow: 3px 1px 0 #2f4f4f, 6px 3px 0 #0a0e27; }
}
.drop-shade {
	color: #202c2d;
	text-shadow: 0 1px #808d93,
		-1px 0 #cdd2d5,
		-1px 2px #808d93,
		-2px 1px #cdd2d5,
		-2px 3px #808d93,
		-3px 2px #cdd2d5,
		-3px 4px #808d93,
		-4px 3px #cdd2d5,
		-4px 5px #808d93,
		-5px 4px #cdd2d5,
		-5px 6px #808d93,
		-6px 5px #cdd2d5,
		-6px 7px #808d93,
		-7px 6px #cdd2d5,
		-7px 8px #808d93,
		-8px 7px #cdd2d5;
}
.long-shadow {
	color: #fff;
	text-shadow: 1px 1px 0 #0199d9, 
		2px 2px 0 #0199d9, 
		3px 3px 0 #0199d9, 
		4px 4px 0 #0199d9, 
		5px 5px 0 #0199d9, 
		6px 6px 0 #0199d9, 
		7px 7px 0 #0199d9, 
		8px 8px 0 #0199d9, 
		9px 9px 0 #0199d9, 
		10px 10px 0 #0199d9, 
		11px 11px 0 #0199d9, 
		12px 12px 0 #0199d9; 
}
.printers {
	color: #eee;
	text-shadow: 0 1px 0 #378ab4,
		1px 0 0 #5dabcd,
		1px 2px 1px #378ab4,
		2px 1px 1px #5dabcd,
		2px 3px 2px #378ab4,
		3px 2px 2px #5dabcd,
		3px 4px 2px #378ab4,
		4px 3px 3px #5dabcd,
		4px 5px 3px #378ab4,
		5px 4px 2px #5dabcd,
		5px 6px 2px #378ab4,
		6px 5px 2px #5dabcd,
		6px 7px 1px #378ab4,
		7px 6px 1px #5dabcd;
}
.threed2 {
	color: #696969;
	text-shadow: 
		1px 0 1px #ccc, 0 1px 1px #eee, 
		2px 1px 1px #ccc, 1px 2px 1px #eee,
		3px 2px 1px #ccc, 2px 3px 1px #eee,
		4px 3px 1px #ccc, 3px 4px 1px #eee,
		5px 4px 1px #ccc, 4px 5px 1px #eee,
		6px 5px 1px #ccc, 5px 6px 1px #eee,
		7px 6px 1px #ccc;
}
.threed3 {
	color: #fafafa;
	text-shadow:
		1px 1px 0 #ccc,
		2px 2px 0 #ccc, /* end of 2 level deep grey shadow */
		3px 3px 0 #444,
		4px 4px 0 #444,
		5px 5px 0 #444,
		6px 6px 0 #444; /* end of 4 level deep dark shadow */
}
.cloud9 {
	color: rgba(255,255,255,0);
	text-shadow: 0 0 7px rgba(255,255,255,0.6), 0 0 21px rgba(255,255,255,0.4), 0 0 35px rgba(255,255,255,0.3), 0 0 120px rgba(255,255,255,0.3);
}
.under-water {
	background-color: #287da8;
	color: rgba(255,255,255,0.2);
	text-shadow: 4px 0 9px rgba(255,255,255,0.5) ;
}
.reflection {
	position: relative;
	background-color: #fff;
}
.reflection:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0.43) 0, rgba(255,255,255,0.2) 44%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0.96) 57%, rgba(255,255,255,1) 100%);
	background-position: 50% 50%;
	background-origin: padding-box;
	background-clip: border-box;
	background-size: auto auto;
	font-size: .75em;
	transform:  scaleY(-1)  ;
	z-index: 2;
}
.reflection:after {
	position: absolute;
	top: 109%;
	left: 0;
	width: 100%;
	height: 100%;
	content: "REFLECTION";
	color: #555;
	overflow: hidden;
	transform: scaleY(-0.5) translateY(-20%) ;
	transform-origin: 50% 0 0;
	z-index: 1;
}
.city-lights {
	color: #fff;
	text-shadow: 
		0 0 5px #fff, 
		0 0 10px #fff, 
		0 0 15px #fff, 
		0 0 20px #ff2d95, 
		0 0 30px #ff2d95, 
		0 0 40px #ff2d95, 
		0 0 50px #ff2d95, 
		0 0 75px #ff2d95;
	letter-spacing: 5px;
}
.burning {
	color: #fff;
	text-shadow: 
		0 -1px 4px white, 
		0 -2px 10px yellow, 
		0 -10px 20px #ff8000, 
		0 -18px 40px red;
}
.burning2 {
	color: #fff;
	text-shadow: 
		0 0 20px #fefcc9, 
		10px -10px 30px #feec85, 
		-20px -20px 40px #ffae34, 
		20px -40px 50px #ec760c, 
		-20px -60px 60px #cd4606, 
		0 -80px 70px #973716, 
		10px -90px 80px #451b0e;
}
.burning3 {
	display: inline-block;
	margin: 0;
    color: #ff7300;
    font-size: 100px;
	line-height: 50px;
	min-width: 50px;
	outline: none;
	vertical-align: middle;
	text-shadow:
        0 3px 20px red,
        0 0 20px red,
		0 0 10px orange,
		4px -5px 6px yellow,
		-4px -10px 10px yellow,
		0 -10px 30px yellow;
	animation: 2s Blazing infinite alternate linear;
}
@keyframes Blazing {
	0% { 
		text-shadow: 0 3px 20px red, 0 0 20px red,
		0 0 10px orange,
		0 0 0 yellow,
		0 0 5px yellow,
		-2px -5px 5px yellow,
		4px -10px 10px yellow; 
	}
	25% { 
		text-shadow: 0 3px 20px red, 0 0 30px red,
		0 0 20px orange,
		0 0 5px yellow,
		-2px -5px 5px yellow,
		3px -10px 10px yellow,
		-4px -15px 20px yellow; 
	}
	50% { 
		text-shadow: 0 3px 20px red, 0 0 20px red,
		0 -5px 10px orange,
		-2px -5px 5px yellow,
		3px -10px 10px yellow,
		-4px -15px 20px yellow,
		2px -20px 30px rgba(255,255,0,0.5); 
	}
	75% { 
		text-shadow: 0 3px 20px red, 0 0 20px red,
		0 -5px 10px orange,
		3px -5px 5px yellow,
		-4px -10px 10px yellow,
		2px -20px 30px rgba(255,255,0,0.5),
		0px -25px 40px rgba(255,255,0,0)
	}
	100% { 
		text-shadow: 0 3px 20px red, 0 0 20px red,
		0 0 10px orange,
		0 0 0 yellow,
		0 0 5px yellow,
		-2px -5px 5px yellow,
		4px -10px 10px yellow; 
	}
}
.retro {
	color: #d7ceb2;
	text-shadow: 3px 3px 0 #2c2e38, 5px 5px 0 #5c5f72;
}
.retro2 {
	color: #ccc;
	text-shadow: 2px 2px 0 darkslategrey, 4px 4px 0 #ccc;
}
.folded {
	position: relative;
	color: rgba(255, 158, 177, 0.5);
	text-shadow: 1px 4px 6px #e6e2df, 0 0 0 #66303a, 1px 4px 6px #e6e2df;
}
.folded::before {
	content: attr(data-heading);
	position: absolute;
	left: 0;
	top: -4.8%;
	overflow: hidden;
	width: 100%;
	height: 50%;
	color: #fbf7f4;
	text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.2);
	transform: scale(1, 1.2);
	z-index: 2;
}
.folded::after {
	content: attr(data-heading);
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #d3cfcc;
	text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.3);
	clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	transform: scale(1, 0.8);
	z-index: 1;
}
.dimensions { position: relative; }
.dimensions span {
	position: absolute;
	left: 50%;
	line-height: 1;
	color: #61c0c8;
	text-align: center;
	text-shadow: 1px 0px 0px #67c2c5, 0px 1px 0px #67c2c5, 2px 1px 0px #67c2c5, 1px 2px 0px #67c2c5, 3px 2px 0px #67c2c5, 2px 3px 0px #67c2c5, 4px 3px 0px #67c2c5, 3px 4px 0px #67c2c5, 5px 4px 0px #67c2c5, 4px 5px 0px #67c2c5, 6px 5px 0px #67c2c5, 5px 6px 0px #67c2c5, 7px 6px 0px #67c2c5, 6px 7px 0px #67c2c5, 8px 7px 0px #aff1f9, 7px 8px 0px #aff1f9, 9px 8px 0px #aff1f9, 8px 9px 0px #aff1f9, 10px 9px 0px #aff1f9, 9px 10px 0px #aff1f9, 11px 10px 0px #aff1f9, 10px 11px 0px #aff1f9;
	transform: translateX(-50%);
}
.dimensions span::before, .dimensions span::after {
	content: attr(data-heading);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.dimensions span::before {
	color: #fff;
	font-weight: normal;
	z-index: 2;
}
.dimensions span::after {
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -3px 3px 2px #6c9d9e, -5px 5px 2px #6c9d9e, -7px 7px 2px #6c9d9e, -8px 8px 2px #6c9d9e, -9px 9px 2px #6c9d9e, -11px 11px 2px #6c9d9e;
	z-index: -1;
}	
.shadow1 {
	color: #fff;
	text-shadow: 0 1px 0 #ccc, 
		0 2px 0 #c9c9c9, 
		0 3px 0 #bbb, 
		0 4px 0 #b9b9b9, 
		0 5px 0 #aaa, 
		0 6px 1px rgba(0, 0, 0, 0.1), 
		0 0px 5px rgba(0, 0, 0, 0.1), 
		0 1px 3px rgba(0, 0, 0, 0.3), 
		0 3px 5px rgba(0, 0, 0, 0.2), 
		0 5px 10px rgba(0, 0, 0, 0.25), 
		0 10px 10px rgba(0, 0, 0, 0.2), 
		0 20px 20px rgba(0, 0, 0, 0.15);
}
.shadow2 {
	color: #fff;
	text-shadow: 0 13.36px 8.896px #c4b59d,0 -2px 1px #fff;
	letter-spacing: -4px;	
}
.neon {
	color: #fff;
	text-shadow: 
		0 0 5px #fff, 
		0 0 10px #fff, 
		0 0 15px #fff, 
		0 0 20px #ff00de, 
		0 0 35px #ff00de, 
		0 0 40px #ff00de, 
		0 0 50px #ff00de, 
		0 0 75px #ff00de;
}
.neon2 {
  position: relative;
  background: black;
  color: transparent;
}
.neon2::before, .neon2::after {
  content: attr(data-text);
  color: white;
  -webkit-filter: blur(0.02em);
          filter: blur(0.02em);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.neon2::after { mix-blend-mode: difference; }
.neon2:focus {
  outline: none;
  border: 1px dotted white;
}
.boardgame {
	color: #fff;
	text-shadow: 
		3px 3px 0 #ffd217, 
		6px 6px 0 #5ac7ff, 
		9px 9px 0 #ffd217, 
		12px 12px 0 #5ac7ff;
}
.blurry {
	color: transparent;
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.barber-shop {
	letter-spacing: 5px;
	line-height: 10rem;
	color: #2d6609;
	text-shadow: 0 1px #ff3d3d, 
		-1px 0 #ffffff, 
		-1px 2px #ff3d3d, 
		-2px 1px #ffffff, 
		-2px 3px #ff3d3d, 
		-3px 2px #ffffff, 
		-3px 4px #ff3d3d, 
		-4px 3px #ffffff, 
		-4px 5px #ff3d3d, 
		-5px 4px #ffffff, 
		-5px 6px #ff3d3d, 
		-6px 5px #ffffff; 
}
.elegant {
	color: #131313;
	letter-spacing: .15em;
	text-shadow: 1px -1px 0 #767676, 
		-1px 2px 1px #737272, 
		-2px 4px 1px #767474, 
		-3px 6px 1px #787777, 
		-4px 8px 1px #7b7a7a, 
		-5px 10px 1px #7f7d7d, 
		-6px 12px 1px #828181, 
		-7px 14px 1px #868585, 
		-8px 16px 1px #8b8a89, 
		-9px 18px 1px #8f8e8d, 
		-10px 20px 1px #949392; 
}
svg { font: 900 500%/1.2 'Arial Black', sans-serif; }
text { 
	fill: url(#wood); 
	stroke: #331a00;
	stroke-width: 1px;
}
.dashed1, .dashed2 {
	background-color: #e8e3c7;
	line-height: 1.2em;
	padding-bottom: 10px;
}
.dashed2 { padding-top: 20px; }
.dashed-shadow {
	position: relative;
	top: 4px;
	left: 4px;
	display: inline-block;
	color: #ba9186;
}
.dashed-shadow:before {
	content: " ";
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	bottom: -2px;
	right: -2px;
	z-index: 1;
	background-image: -moz-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
	background-image: -webkit-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
	background-image: linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
	background-size: 6px 6px;
}
.dashed-shadow:hover:before { animation: dash-animation 30s infinite linear; }
.dashed-shadow:after {
	position: absolute;
	left: -4px;
	top: -4px;
	content: attr(data-text);
	color: #b85b3f;
	text-shadow: 1px 1px #e8e3c7;
	z-index: 2;
}
.hello {
	font-family: 'Cookie',cursive;
	font-size: 60px;
}
.dashed-shadow-text {
	font-size: 50px;
	line-height: 0.7em;
}
.shadow {
	font-size: 50px;
	line-height: 0.8em;
}
.clipped, .clipped span {
	position: relative;
	display: inline-block;
	/* Background image from http://thepatternlibrary.com/ */
	background-image: url(../images/pJewmf8.jpg);
	line-height: 1;
	padding: 15px;
	/* Color fallback */
	color: #fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333; 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.clipped::before, .clipped::after {
	position: absolute;
	content: '';
}
.clipped::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: inherit;
	z-index: -2;
}
.clipped::after, .clipped::after:hover {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	background-color: #e8eaf6;
	z-index: -1;
}
.list-inline > li.clipped:hover { transform: none; }
.well-lg {
	background-color: #111;
	border: 0;
	box-shadow: none;
	color: #fff;
	padding: 100px 20px 50px;
}
h2 {
	background-color: rgba(256, 256, 256, .03);
	background-image: -webkit-linear-gradient(top, #111, #0c0c0c);
	background-image: -moz-linear-gradient(top, #111, #0c0c0c);
	background-image: -ms-linear-gradient(top, #111, #0c0c0c);
	background-image: -o-linear-gradient(top, #111, #0c0c0c);
	background-image: linear-gradient(top, #111, #0c0c0c);
	font-size: 2em;
	text-align: center;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: .3em;
	white-space: nowrap;
}
h2 span {
	color: #000;
	font-family: 'Caesar Dressing', cursive;
	font-size: 4em;
	text-transform: lowercase;
	vertical-align: middle;
	letter-spacing: .2em;
}
.fire { animation: fire 1s ease-in-out infinite alternate; }
.burn3 { animation: fire .65s ease-in-out infinite alternate; }
/***** C H R O M E / S A F A R I  S P E C I F I C *****/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.gradient {
		background: -webkit-linear-gradient(top, #eee, #444);
		background: linear-gradient(top, #eee, #444);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.gradient2 {
		-webkit-mask-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.5) 50%, rgba(255,255,255,1));
		-webkit-mask-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.5) 50%, rgba(255,255,255,1));
	}
	.masked {
		background: #fff url(../images/bg_paint.png);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-animation: masked-animation2 15s linear alternate infinite;
		animation: masked-animation2 15s linear alternate infinite;
	}
	.outlined-1 {
		text-shadow: none;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #333; 
	}
}

/***** A N I M A T I O N S *****/
@keyframes masked-animation2 {
	0% { background-position: left bottom; }
	100% { background-position: right bottom; }
}
@keyframes dash-animation {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@keyframes fire {
	0% {
		text-shadow: 0 0 20px #fefcc9, 
			10px -10px 30px #feec85, 
			-20px -20px 40px #ffae34, 
			20px -40px 50px #ec760c, 
			-20px -60px 60px #cd4606, 
			0 -80px 70px #973716, 
			10px -90px 80px #451b0e;
	}
	100% {
		text-shadow: 0 0 20px #fefcc9, 
			10px -10px 30px #fefcc9, 
			-20px -20px 40px #feec85, 
			22px -42px 60px #ffae34, 
			-22px -58px 50px #ec760c, 
			0 -82px 80px #cd4606, 
			10px -90px 80px #973716;
	}
}
