CSS:Imagelink

.imagelink-base {

   display: inline-block;
   text-align: center;
   margin: 8px;
   margin-top: 20px;
   overflow: visible;

}

.imagelink-bg {

   overflow: hidden;
   width: 100%;
   z-index: 0;
   position: absolute;
   bottom: 0;
   border-radius: 10px;

}

.imagelink-image {

   overflow: hidden;
   z-index: 2;
   position: relative;
   margin: 0 4%;

}

.imagelink-link {

   position: relative;
   font-size: larger;
   min-height: 3em;
   z-index: 3;
   text-align: center;
   padding: 2% 4%;
   font-weight: bold;
   display: table;
   width: calc(100% - 8%);
   margin-bottom: 10px;

}

.imagelink-link > span {

   display: table-cell;
   vertical-align: middle;

}

@media only screen and (max-width: 850px) { .imagelink-base {

   margin: 5px;

}

.imagelink-bg {

   border-radius: 5px;

}

.imagelink-link {

   font-size: smaller;

} }