.rind {
box-sizing: border-box;
  margin: 10px -16px;
}
/* distanta intre categorii */
.rind,
.rind > .coloana {
box-sizing: border-box;
  padding: 8px;
}
@media only screen and (min-width: 992px) {
.coloana {
box-sizing: border-box;
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
.coloana {
box-sizing: border-box;
  float: left;
  width: 50%;
  display: none; /* Hide all elements by default */
  }
}
@media only screen and (max-width: 600px) {
.coloana {
box-sizing: border-box;
  float: left;
  width: 100%;
  display: none; /* Hide all elements by default */
}
}
/* sterge floats după rânduri */ 
.rind:after {
  content: "";
  display: table;
  clear: both;
}
.continut {
box-sizing: border-box;
  background-color: white;
  padding: 10px;
}
.afisare {
box-sizing: border-box;
  display: block;
}
.buton {
	display: inline-block;
	border-bottom:2px solid #fff;
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}
.buton:hover {
  background-color: #71090a;
  color:white;
}
.buton.activ {
  background-color: #2b9287;
  color: white;
}
#butoane {text-align: center!important;}