.buckets-wrapper { 
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.bucket { 
  background-color: #fff;
  background-size: cover;
  background-position: 50%;
  color: #797d80;
  position: relative;
  margin-bottom: 10px;
  transition: box-shadow .12s ease-in;
  box-shadow: 0 2px 5px rgba(38,38,38,.25);
  min-height: 300px;
  width:calc(1/3*100% - (1 - 1/3)*10px);
  text-align: center;
}
.bucket:hover {
  cursor: pointer;
  box-shadow: 0 12px 25px rgba(38,38,38,.25);
  z-index: 100;
}
.bucket:after {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: #262626;
  opacity: .3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out .15s;
}
.bucket:hover:after {
  opacity: .5;
  transition: opacity .2s ease;
}
.bucket-content {
  z-index: 10;
  position: relative;
}
.bucket-content h3 { color:#fff;margin-top: 30%; }

.music-publishing {
  background-color:#222;
  background-image:url(../image/Services_MusicPublishing.jpg);
}
.music-recordings {
  background-color:#222;
  background-image:url(../image/Services_MusicRecordings.jpg);
}
.neighbouring-rights {
  background-color:#222;
  background-image:url(../image/Services_NeighbouringRights.jpg);
}

.bucket .button {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  line-height: 1em;
  padding: .667rem 1rem .6rem;
  margin: 0 0 4px;
  height: auto;
  border: 2px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 33px;
  background-color: transparent;
  color: #fff!important;
  border-color: #fff!important;
  transition: background-color .15s ease 0s,color .15s ease 0s,opacity .15s ease-in!important;
}

.bucket .button:hover {background-color:#fff!important;color:#000!important;border-color:#fff!important;}



@media (max-width: 767px) { /*stacks to single column*/


  .bucket { 
    width:100%; 
  }
  .bucket-content h3 {
    color: #fff;
    margin-top: 24%;
  }

}