.chart {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart div {
	height:100%;
	width:100%;
	background:url(../img/ps-cc.png) no-repeat scroll center 30px;
	background-size:60px;
}
.chart2 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart2 span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart2 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart2 div {
	height:100%;
	width:100%;
	background:url(../img/ai-cc.png) no-repeat scroll center 30px;
	background-size:60px;
}
.chart3 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart3 span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart3 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart3 div {
	height:100%;
	width:100%;
	background:url(../img/xd-cc.png) no-repeat scroll center 30px;
	background-size:60px;
}

.chart4 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart4 span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart4 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart4 div {
	height:100%;
	width:100%;
	background:url(../img/dw-cc.png) no-repeat scroll center 30px;
	background-size:60px;
}
.chart5 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart5 span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart5 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart5 div {
	height:100%;
	width:100%;
	background:url(../img/sketch.png) no-repeat scroll center 30px;
	background-size:60px;
}
.chart6 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 22px;
}
.chart6 span {
  display: block;
  font-size: 2em;
  font-weight: normal;
}
.chart6 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart6 div {
	height:100%;
	width:100%;
	background:url(../img/invision.png) no-repeat scroll center 30px;
	background-size:60px;
}
.chart7 {
  display: inline-block;
  width: 95px;
  height: 95px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
}
.chart7 span {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  font-weight: normal;
  padding: 20px;
  line-height: 1.4;
  letter-spacing: -0.2px;
}
.chart7 canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.chart7 div {
  height:100%;
}
.chart7 div span {
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

.chart, .chart2, .chart3, .chart4, .chart5, .chart6, .chart7{text-align:center;margin:10px;}

.chart-wrapper{overflow:hidden;background-color:#f9fdff;} 
.style1{ display: flex;
  justify-content: center;
  align-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding:20px;
  margin-bottom: 20px;}
.style1:last-child{margin-bottom:50px;}
.intro{text-align:center;}
.chart-wrapper h1{margin: 40px 0 20px 0;}
.chart-wrapper h2{text-align:center;margin-bottom:-8px;letter-spacing: -0.5px;font-size: 1.8em;}
.chart-basic{display:block;width:120px;height:120px;float:left;padding:0;}