body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
}

.portfolioFilter a { 
    margin-right: 10px;
	color:#A0A0A0;
	text-decoration:none;
}

.portfolioFilter a.current { 
    font-weight:bold;
    color:#000000;
}

card-h {
    background: #fff;
    display: inline-block;
    position: relative;
    box-shadow: 0 3px 3px rgba(0,0,0,0.125), 0 1px 3px rgba(0,0,0,0.25);
    margin:5px;
}

/*.img {
    display: block;
    width: 100%;
    margin: 2px;
}

.portfolioContainer .detail {
    margin-top: 3px !important;
    text-align: center;
}*/

.portfolioContainer {
    margin: 0 -5px;
}

.portfolioContainer img {
    width: auto;
    
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/* -------------------------------------------------------------------------------------- */
/* grid layout (phone portrait) --------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

@media screen and (max-width: 350px) {

    .portfolioContainer {
    margin: 0 -10px;
    }

}