.brands_list{
		padding-bottom: 60px;
		margin-bottom:-60px;
	}
	.active1 {
		transition: background 0.8s, box-shadow 0.8s;
	    
	    background: blue;
	    background: transparent;
	    font-weight: 600;

	}

	.active1 a, .active1 span {color: white;}

	.active1 h5 {color: white;}

	.active1 .letter-display{color: white;} 

	.active1.highlight{transition: background 0.8s, box-shadow 0.8s; background: #5a5a6d; box-shadow: 10px 10px 10px 10px #888888;}

	.deactive{
		opacity: 0.5;
	}
	.letters_block{
		display: inline-block;
	    width: 100%;
	    padding: 18px;
	    text-align: center;
	    margin: 25px 0px 0px 0px;
	    background: rgba(140, 122, 122, 0.14);
	}
	.letter-display{
		font-weight: 600;
		font-size: 30px;
	}
	.btn-primary {
		margin: 10px 4px;
		background: #32C3F0;
		border: 1px solid #32C3F0;
	}
	h2{
		margin-bottom: 10px;
		font-weight: 600;
		font-size: 38px;
		color: #32c3f0;
	}

	.brands_list .blok-list {
	    clear: both;
	    display: block;
	    width: 120%;
	    float: none;
	    margin-top: 80px;
	}

	.brands_list .blok{
		width: 100%;
	    /*height: 250px;*/
	    margin-bottom: 60px;
	    display: inline-block;
	    margin-right: 140px;
	    text-align: left;
	}

	
	h3{
		text-align: center;
		color: black;
	}
	h3:hover{
		text-decoration: underline;
	}

@media screen and (max-width: 400px) {
   	.brands_list .col-md-3{ 
	    margin-left: 30px;
    }
}

@media screen and (max-width: 300px) {
	.brand-link {padding: 0; }
}

@media (max-width: 660px) {
	.brands_list .blok {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 82%;
		height: auto;
	}

	.active1.highlight {
		
		/*height: 250px;*/
	}
}