@charset "UTF-8";
/* CSS Document */


.hive {
  position: relative;
  opacity: 1;
  margin: auto;
  background: rgba(246,204,137,1);
  overflow: hidden;
}

.hive:hover .hivehover {
  background: rgba(43,255,158,.8);
}

.hive img {
  opacity: .9;
}

.hivehover {
  margin: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  background: rgba(43,255,158,1);
  z-index: 1;
  transition: all .25s  ease-in-out;
  -o-transition: all .25s  ease-in-out;
  -moz-transition: all .25s  ease-in-out;
  -webkit-transition: all .25s  ease-in-out;
  }

.hive4 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Roboto', sans-serif;
  color: #fff;
  margin: auto;
  left: 0;
  right: 0;
  font-size: 55px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 2.5px;
  }
@media screen and (max-width: 470px) {
.hive4 {
  font-size: 21px;
  }
}