/* CSS Document */

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.card {
    margin: 2vh;
    width: 27%;
    background: #DCDCDC;
    box-shadow: 2px 4px 25px rgba(0, 0, 0, .1);
    border-radius: 12px;
    overflow: hidden;
    transition: all .2s linear;
}

.card a {
    display: block;
    padding: 5%;
    text-align: center;
    color: red;
    text-decoration: none;
    border-style: none;

.container7 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: 7%;
}