.square {
  height: 100%;
  width: 100%;
  text-align: center;
}

.grey:hover{
    background: gray;
}

.black:hover{
      background: black;
      color: white;
}

.red:hover{
      background: red;
}

.green:hover{
      background: #00ff00;
}

.blue:hover{
      background: blue;
}

.square h4{
  visibility: hidden;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.square h3{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.square:hover h4{
  visibility: visible!important;
}



div.boxlink {
        position: relative;
    }

    div.boxlink a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    }


/* Containers */
.container-fluid {
  padding: 0% 0%;
}

[class^="col"]{
  padding-left: unset;
  padding-right: unset;
}

.row{
  height: 100vh;
}