.certificate-item {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
border: 2px solid #e5e5e5;
border-radius: 8px;
margin-bottom: 20px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.certificate-item:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
}
.certi-logo {
display: table-cell;
width: 120px;
height: 100%;
background-color: #f5f5f5;
padding: 25px;
vertical-align: middle;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.certi-logo img {
display: block;
max-width: 100%;
}
.certi-content {
display: table-cell;
width: 100%;
padding: 20px 25px;
vertical-align: middle;
}
.certi-title h4 {
font-size: 16px;
margin: 0 0 5px;
}
.certi-id {
font-size: .9em;
color: #777;
}
.certi-date {
font-size: 0.7em;
color: #777;
opacity: .7;
}