CSS
.grid-row,
.container{
width: auto;
margin: 0 20px;
}
.isotope {
width: 100%;
}
.grid-col-row {
margin-left: 10px;
}
.border-radius-1{
border-radius:20px;
}
.ral-element{
width:100px;
height:100px;
font-family: 'Exo', sans-serif;
font-size:16px;
font-weight: bold;
}
.ral-element:hover{
-webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
-moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
-webkit-transition:box-shadow 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-moz-transition:box-shadow 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-ms-transition:box-shadow 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition:box-shadow 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.item.isotope-item:hover>img {
transform: scale(1.3,1.3);
-webkit-transition-timing-function: ease;
z-index: 1;
-webkit-transition-duration: 7950ms;
}