.about {

}

.about-divider  {
	border-bottom: 4px dotted #ccc;
	margin: 7px 0px;
}

.about-stat {
	font-size: 72px;
	color: #ff9233;
	line-height: 72px;
	font-weight: 600;
	text-align: right;
	padding-right: 20px;

}

.about-details {
	font-size: 22px;
	line-height: 26px;
	padding-right: 10px;

}

.supporter-row {
	margin-bottom: 10px;
}

.ignitechangemaker {
	background: #397FCC;
	color: #F5F5F5;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 1.3em;
	border-radius: 10px;
	padding: 10px;
}


.changemaker {
	background: #397FCC;
	color: #F5F5F5;
	height: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	border-radius: 10px;
	padding: 10px;
}


.champions {
	column-count: 4;
	column-gap: 1em;
}

.champion {
	background: #89B3E1;
	color: #F5F5F5;
	display: inline-block;
	margin: 5px;
	width: 90%;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	border-radius: 10px;
	padding: 10px;
}

.sustainers {
	column-count: 4;
	column-gap: 1em;
	
}


.sustainer {
	background: #C2D8F0;
	color: #737373;
display: inline-block;
margin: 5px;
width: 90%;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	border-radius: 10px;
	padding: 10px;
}


.supporters { /* Masonry container */
	  column-count: 4;
	  column-gap: 1em;
	}

.supporter {
	color: #595959;
	display: inline-block;
	margin: 5px;
	width: 90%;
	
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}



@media (min-width: 768px) and (max-width: 979px) {
	.ignitechangemaker {height: 130px; font-size: 18px;}
	.changemaker {height: 120px; font-size: 14px;}
	
}


@media (max-width: 767px) {

.about td {
	display: block;
}

.about {
	text-align: left;
}

.about-stat {
	text-align: left;
}

.about-divider {
	margin: 10px 0px;
}
.supporter-row {margin-bottom: 0px;}
.ignitechangemaker {margin-bottom: 10px;}
.changemaker {margin-bottom: 10px;}
.champions {column-count: 1; margin: 0px;}
.champion {margin: 5px; width: 94%;}
.sustainers {column-count: 1; margin: 0px;}
.sustainer {margin: 5px; width: 94%;}
.supporters {column-count: 1; margin: 0px;}
.supporter {margin: 5px; width: 94%;}
}