.representantes-grafico ul {
	display: flex;
	flex-wrap: wrap;
}

.representantes-grafico li {
	flex: 0 0 50%;
	max-width: 50%:
	position: relative;
}

.representantes-grafico strong {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-weight: normal;
	height: 100%;
	padding: 20px;
	text-align: center;
	transition: opacity 500ms linear;
}

.representantes-grafico big {
	display: block;
	font-size: 70px;
	line-height: 1;
}

.representantes-grafico span {
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.5;
	padding: 30px 15px 0;
	text-align: left;
}


.representantes-grafico li:first-child strong {
	background: rgba(54,113,165, .84);
	margin: 0;
}

.representantes-grafico li:first-child big {
	font-size: 90px;
}

.representantes-grafico li:nth-child(2) strong {
	background: rgba(18,61,116, .87);
	transition-delay: .2s;
}

.representantes-grafico li:nth-child(3) strong {
	background: rgba(108,168,204, .95);
	transition-delay:.4s;
}

.representantes-grafico li:nth-child(4) strong {
	background: rgba(78,160,233, .95);
	transition-delay:.5s;
}

.representantes-grafico li:nth-child(5) strong {
	background: rgba(21,71,135, .95);
	transition-delay: .6s;
}

.representantes-grafico li:nth-child(6) strong {
	background: rgba(21,71,135, .95);
	transition-delay: .7s;
}

.representantes-grafico li:nth-child(7) strong {
	background: rgba(79,156,225, .87);
	transition-delay: .8s;
}

.representantes-grafico li:nth-child(8) strong {
	background: rgba(60,140,243, .72);
	transition-delay: .9s;
}