


.free-wall {
	margin: auto;
}




.brick {
	border-radius:10px;
    background-color: #ffffff;
	float: left;
	cursor: default;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}



.cover-link {
    position:absolute;
    bottom:0px;
    left:0px;
    top:0px;
    right:0px;
}
div.box2 > div.project-tekst {               
    position: absolute;
    bottom: -30px;
    left:0px;
    width: 100%;
    max-height:0px;
    padding: 2.5%;
    padding-top:10px;
    padding-bottom:10px;
    line-height: 1em;
    background: #ffffff; 
    animation: laagte 0.275s ease;
    font-family: 'Heebo light', sans-serif;
    font-size:13px;
    letter-spacing:2px;
    color:#000;
    transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    text-shadow: none;
}
div.box2:hover div.project-tekst {               
    max-height:60px;
    bottom:0px;
    animation: hoogte 0.275s ease;   

}
/* The animation code */
@keyframes hoogte {
  from {max-height: 0px;}
  to {max-height: 60px;}
}
@keyframes laagte {
  from {max-height: 60px;}
  to {max-height: 0px;}
}


div.box2 > div.label {               
    position: absolute;
    bottom: -85px;
    left:0px;
    width: 100%;
    height:0px;
    line-height: 1.5;
    padding:20px 10px;
    background: rgba(50, 50, 50, 0.6); 
    animation: laagte-01 0.275s ease;
    font-family: "Roboto", Arial, serif;
    font-weight:normal;
    font-size:18px;
    text-align: center;
    color:#ffffff;
    text-shadow: none;
    white-space: normal;
    vertical-align:middle;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
div.box2:hover div.label {               
    height:85px;
    bottom:0px;
    animation: hoogte-01 0.275s ease; 
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
}

/* The animation code */
@keyframes hoogte-01 {
  from {height: 0px;}
  to {max-height: 85px;}
}
@keyframes laagte-01 {
  from {height: 85px;}
  to {max-height: 0px;}
}