/*body{width:100%; max-width:800px; margin:0 auto; box-sizing:border-box;}*/
#masonry-grid {
    margin-left:10%;
}


#grid-filter{margin:0; padding:0; padding-bottom:40px; padding-left:0px; margin-left:3%; text-align: left; font-size:1rem;}
.category{list-style:none;  padding:0 20px; padding-left:20px ;margin:5px; background-color:white;}

.grid-item{ width:190px;margin-bottom:10px; color:black; text-align:center; border:1px solid silver; border-radius:5px; padding:10px}
.a{background-color:white;}
.b{background-color:white;}
.c{background-color:white;}
.d{background-color:white;}
.e{background-color:white;}
.f{background-color:white;}
.g{background-color:white;}
.h{background-color:white;}

.h_1{height:100px;}
.h_2{height:100px;}
.h_3{height:100px;}
.h_4{height:100px;}
.h_5{height:100px;}

i.fa.fa-link {
    color:#ffcc06;
}
ul#grid-filter > li:hover {
    background-color:#1AABA3;
    color:white;
    cursor:pointer;
    transition: 0.3s;
}
.link-icon {
    float: right;
    margin-right: 10px;
    position: relative;
    text-align: center;
}
/*hover element for grid items with connector content*/

.has-link:hover {
border:2px solid #4ec4bc;
}
.no-link {
    cursor: none;
}
.active {
    background-color:#4ec4bc;
    color:white;
}