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;
}