/* INIT
--------------------------------------------------------------------------- */
*
#about body {
	background-color: rgb(25, 25, 25);
}

#about body {
	background: #191919;
	text-align: center;
}

#about svg {
	display: inline-block;
	height: 100%;
	width: 100%;
}

#about path {
	fill: #111;
	cursor: pointer;
	opacity: 1;
}

#about path:hover {
	fill: #fff;
}

#about .qtpieInside {
	border-radius: 100%;
	position: absolute;
	left: 20%;
	width: 60%;
	top: 50%;
	margin-top: -40px;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: #ecf0f1;
}

#about #qtpie {
	position: relative;
	display: block;
	display: none;
	margin: 30px auto;
	width: 280px;
	height: 280px;
}

/* COLORS */

#about .WebDesign {
	fill: #d8352f;
}

#about .WebDesign:hover {
	fill: #d85f5b;
}

#about .WebDevelopment {
	fill: #dd9933;
}

#about .WebDevelopment:hover {
	fill: #dda54f;
}

#about .GraphicDesign {
	fill: #8528e2;
}

#about .GraphicDesign:hover {
	fill: #964ae2;
}

#about .SocialMediaAssistance {
	fill: #4545d3;
}

#about .SocialMediaAssistance:hover {
	fill: #5d5dd3;
}

/* qtpie-list ------------------------------------- */


#about #qtpie-list {
	margin: 50px auto;
	position: relative;
	display: none;
	display: inline-block;
	width: 450px;
	height: 250px;
}

#about #qtpie-list>div {
	float: left;
	position: relative;
	height: 100%;
}

/* LIST */

#about #qtpie-list ul {
  padding-top: 50px;
  list-style:none;
	font-size: 20px;
	float: left;
	color: #eee;
	text-align: left;
	line-height: 1.5;
}

#about span.dot {
	display: inline-block;
	width: 20px;
	height: 5px;
	margin-right: 10px;
}

#about .fixed {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 1.2em;
  padding: 20px;
  max-width: 200px;
  background: #292929;
  text-align: left;
  color: #eee;
}

#about .section-header {
margin-bottom: 40px;
}