.bar {
  fill: rgba(104, 47, 238, 0.9);
  height: 30px;
  transition: fill .3s ease;
  cursor: pointer;
  font-family: Nunito, sans-serif;
}
.chart g.bar text {
    fill: white;
}
.chart g.bar text.fps {
    fill: white;
	font-weight:bold;
}
.chart:hover,
.chart:focus {
  .bar {
    fill: 
  }
}
.bar:hover,
.bar:focus {
  fill: #5D5D5D;
}

.test-bench {
	background-image: url("https://allegro.stati.pl/AllegroIMG/benchmark/hedt/bg_bench.jpg");
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
}
.test-bench a {
	text-decoration: none;
}
.test-bench h3 {
	font-weight: bold;
	color:white;
}
.test-bench .col-md-8 {
	padding-right:0px;
}
.test-bench .col-md-9 {
	padding-right:0px;
}
.test-bench .col-md-12:first-of-type {
	padding: 15px 0px 0px 0px;
}
.test-bench .col-md-12 {
	padding: 15px 0px 0px 0px;
}
.test-bench .col-md-12:last-of-type {
	padding: 15px 0px 0px 0px;
}
.test-bench .col-md-3 {
	text-align: center;
	padding:0px 0px 25px 15px;
}
.test-bench .col-md-3 img {
	width:100%;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

@media (max-width: 991px) {
	.test-bench {
		background-image: none;
	}
	.test-bench .col-md-3 img {
		max-width: 250px !important;
	}
}