/* #About
================================================== */

#app2u_about{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	/*background: #292929;*/
	background: #353131;
	overflow:hidden;
	padding-top:50px;
	padding-bottom:70px;
	z-index:2;
}
#app2u_about h6 {
	text-align:left;
	padding-bottom:25px;
}
h1 span:before  {
	content:'-';
	padding-right:10px;
	font-weight: 100;
}
h1 span:after  {
	content:'-';
	padding-left:10px;
	font-weight: 100;
}
.head-subtext {
	text-align:center;
	padding-top:30px;
	padding-bottom:40px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size: 17px;
	line-height:22px;
	color:#737373;
}
#app2u_about .head-subtext {
	padding-bottom:30px;
}
#work .head-subtext {
	padding-bottom:30px;
}
svg {
	pointer-events: none;
}
.drawings {
	position: relative;
	max-height: 600px;
	margin-bottom: 40px;
}

.illustration {
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.show {
	opacity: 1;
}

.hide {
	opacity: 0;
}

.line-drawing,
.illustration {
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}

.line-drawing path {
	fill: none;
	stroke-width: 1;
}

path.line-round {
	stroke-linecap: round;
}

path.stroke-medium {
	stroke-width: 2;
}

path.stroke-thin {
	stroke-width: 1;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#app2u_about .drawings{ display: none; }
	.head-subtext { font-size: 15px; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	#app2u_about .drawings{ display: none; }
	.head-subtext { font-size: 14px; }
}

@media only screen and (max-width: 319px) {
	#app2u_about .drawings{ display: none; }
	.head-subtext { font-size: 13px; }
}