.chartwrapper {display: flex; gap: 1rem; flex-wrap: wrap; text-align: left;}
.chartwrapper > div {flex: 0 0 calc((100% - 2 * 1rem) / 3);}
.chartbox {background: #191f22; padding: 1.25rem 1.5rem; border-radius: 0.5rem; box-shadow: #3f4347 0px 0px 0px 1px inset;}
.chartbox h4 {color: #fff; margin: 0 0 1rem 0; font-weight: 350; font-size: 1.125rem; text-align: left;}

.inlinechart {margin: 0}
.inlinechart li {margin-bottom: 0.8125rem; border-radius: 0.25rem;}
.inlinechart li:last-child {margin-bottom: 0;}
.inlinechart li > a {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 0.3125rem .75rem;}
.inlinechart li > span {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 0.3125rem 1.25rem;}
.inlinechart li h3 {color: #fff; display: inline-block; margin: 0; font-weight: 325; font-size: 1.0625rem; text-align: left;}
.inlinechart li strong {display: inline-block; color: #edf2f5; font-weight: 425; white-space: nowrap;}
.withlogo li > a {padding-left: 3rem; background-repeat:no-repeat; background-size: 1.5rem; background-position: 0.75rem center;}

.inlinechart h4 {color: #fff; margin-bottom: 1rem; font-weight: 350; font-size: 1.125rem; text-align: left;}
.smallfont {margin: 1rem 0 2.5rem 0}
.smallfont li h3 {font-size: 1rem;}
.smallfont li strong {font-size: 1.0625rem;}

.twins {display: flex; justify-content: space-between; gap: 1.5rem;}
.twins > div {flex: 1; background-color: #191c1f; padding: 1.5rem; border-radius: 0.5rem;}
.twins > div > h2 {color: #fff; margin: 0 0 1rem 0; font-weight: 375; font-size: 1.3125rem;}
.twins .inlinechart li h3 {font-size: 1rem;}
.twins .inlinechart li strong {font-size: 1.0625rem; font-weight: 400;}

.accordion .inlinechart {margin: 1.5rem 0 1rem 0;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


@media screen and (max-width: 1024px) {
	
.chartwrapper {gap: 0.75rem;}
.chartwrapper > div {flex: 0 0 calc((100% - 1 * 1rem) / 2);}
	
.twins {flex-wrap: wrap;}
.twins > div {flex: 100% 0 0;}
}

@media screen and (max-width: 900px) {
.inlinechart li h3 {font-size: 1rem;}
.inlinechart li strong {font-size: 1.125rem; font-weight: 400;}
}
@media screen and (max-width: 760px) {
.chartwrapper {gap: 0.75rem;}
.chartwrapper > div {flex: 1 1 100%}

}