:root {
	--c-img-w: 60px;
	--c-img-h: calc(.9 * var(--c-img-w));
	--с-active-color: #3B3663;
}

#competition-slide {
	padding: 0 var(--simple-padding) var(--slide-v-padding);
}

#competition-slide h2 {
	margin: 0 0 1em;
}

#competition-slide > .container .back {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.compt-block {
	padding: calc(var(--simple-padding)* 2);
    margin: 0 0 calc(2* var(--simple-padding));
    box-shadow: 0px 5px var(--simple-padding) 0px rgba(0, 0, 0, .1);
    border-radius: var(--simple-padding);
    background-color: #f8f8f8;
    transition: .5s ease-out;
}

.compt-block:hover {
	background-color: var(--с-active-color);
	color: #fff;
}

.compt-block__hdr img {
	width: var(--c-img-w);
    height: var(--c-img-h);
    float: left;
    margin-right: var(--simple-padding);
}

.compt-block__hdr h3 {
	height: var(--c-img-h);
	line-height: calc( var(--c-img-h) / 2 );
	font-size: calc( var(--c-img-h) / 2 );
}

.compt-block__txt {
	
}

@media (max-width: 1250px) and (min-width: 1040px) {
	
}

@media (max-width: 1039px) and (min-width: 900px) {
	
}

@media (max-width: 899px) and (min-width: 650px) {
	.compt-block__hdr img { float: none; }
	
	.compt-block__hdr h3 {
	    line-height: calc(var(--c-img-h) / 2.5);
	    font-size: calc(var(--c-img-h) / 2.5);
	}
	
	.compt-block__txt {
	    height: 6em;
	    line-height: 1.2em;
	}
}

@media (max-width: 649px) {
	
}