.shadow {
  box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
  width:  113px;
  margin-left:  auto;
  margin-right: auto;
}

.mbrs1 {
  float: left;
  width: 33%;
  margin:0px;
  padding: 0px;
  height: 280px;
  text-align:center;
  -webkit-transition: all .05s; /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}


@media only screen and (max-width: 569px) {
  .mbrs1 {width:100%;}
}

.mbrs2 {
  float: left;
  width: 33%;
  margin:0px;
  padding: 0px;
  height: 280px;
  text-align:center;
  -webkit-transition: all .05s; /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}

@media only screen and (max-width: 569px) {
  .mbrs2 {width:50%;}
}


.mbrs3 {
  float: left;
  width: 20%;
  margin:0px;
  padding: 0px;
  height: 280px;
  text-align:center;
  -webkit-transition: all .05s; /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}

@media only screen and (max-width: 1299px) {
  .mbrs3 {width:25%;}
}

@media only screen and (max-width: 980px) {
  .mbrs3 {width:33%;}
}

@media only screen and (max-width: 569px) {
  .mbrs3 {width:50%;}
}

@media only screen and (max-width: 510px) {
  .mbrs2 {width:100%;}
  .mbrs3 {width:100%;}
}