body {
  overflow-x: hidden;
}

.numbercontainer {
	padding: 0px 0;
	color: #666;
	margin: 30px -15px; 
}

/* trick to make it full width in bootstrap containers */

/*
.numbercontainer {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background:#2980b9;
	color:#fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
*/

.numbercontainer h1.numbertitle {
	text-align: center;
	display: block;
	color: inherit;
	font-weight: bold;
	padding-bottom:10px;
}


.numbercounter {
	display: inline-block;
	font-size: 18px;
}

.numbercounter.w1 { width: 100% }
.numbercounter.w2 { width: 50% }
.numbercounter.w3 { width: 33.3% }
.numbercounter.w4 { width: 25% }
.numbercounter.w5 { width: 20% }
@media(max-width:991px){
	.numbercounter.w1 { width: 100% }
	.numbercounter.w2 { width: 50% }
	.numbercounter.w3 { width: 33.3% }
	.numbercounter.w4 { width: 50% }
	.numbercounter.w5 { width: 33.3% }
}
@media(max-width:450px){
	.numbercounter.w1 { width: 100% }
	.numbercounter.w2 { width: 50% }
	.numbercounter.w3 { width: 50% }
	.numbercounter.w4 { width: 50% }
	.numbercounter.w5 { width: 50% }
}

.numbercounter .innernumbers {
	padding: 5px;
	margin: 5px 15px;
}

.numbercounter .icon {
	text-align: center;
	/* color: #922b21; */
}
.numbercounter .numbers {
	margin: 2%;
	font-weight: 700;
	border-radius: 10px;
	text-align: center;
}
.numbercounter .numtext {
	margin-top: 15px;
	text-align: center;
}

.numbercounter .innernumbers.inverted {
	background: #922b21;
	color: #fff;
}
.numbercounter .innernumbers.darker {
	background: #302834;
	color: #fff;
}

.numbercounter .innernumbers.plus .numbers {

}
.numbercounter .innernumbers.plus .numbers::before {
	content: '+ ';
}