.containerKrest {
    width: 100%;
}

.containerKrest__wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 33%; // пропорции блока определяются здесь
}

.containerKrest__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: silver;*/
}

.krest-item {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:120%;
  display:inline-block;
  width: 32%;
  height:99%;
  margin: 0px;
  overflow: hidden; /* clearfix */
  text-align:center;
  background-image:url(/frontend/web/images/bg_but1.png);
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
  color:#000;
  padding-top:10%;
  text-transform:uppercase;
}

.krest-item a{color:#000;}
.krest-item a:hover{color:#00f;}

.b{border:0px #f00 solid;}
.bt{border-top-width:3px;}
.br{border-right-width:3px;}
.bb{border-bottom-width:3px;}
.bl{border-left-width:3px;}
.bg-red{background:#f00;}

.centr{text-transform:uppercase;font-weight:bold;text-align:center;}