.user_content figure.card {
     margin: 0;
}
 .grid {
     max-width: 720px;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/**======= CARD GENERAL =======**/
 .card {
     float: left;
     background: #ececec;
     padding: 4px;
}
.card img {
    width: 100%;
}
 .card figcaption p {
     margin-bottom: 0;
}
 .card figcaption {
     padding: 8px;
     font-weight: 400 !important;
}
 a .card:hover, .grid a:focus .card {
     background: #d0d3d4;
}
 .user_content .card h4 {
     color: #115740 !important;
     font-size: 1.2em !important;
     text-align: center;
     text-transform: uppercase;
}

/**======= VIDEOS ===========**/
.card .videoWrapper {
    height: 0;
    max-width: 700px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    box-sizing: border-box;
    min-height: 200px;
}
.card .videoWrapper video {
  width: 100%    !important;
  height: auto   !important;
}
.card .videoWrapper iframe {
    position: absolute;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/**======= WIDTH + MARGINS ========**/

.grid figure.card {
    margin-bottom: 10px;
}
.classic.grid figure.card {
    margin-right: 10px;
}

/**==== NO SIDEBAR ====**/
.grid-sizer {
    width: 218px;
}
.gutter-sizer {
    width: 18px;
}
.grid figure.card.Small {
    width: 218px;
}
.grid figure.card.Large {
    width: 454px;
}

/**==== WITH SIDEBAR ====**/
.hasSidebar .grid-sizer {
    width: 194px;
}
.hasSidebar .gutter-sizer {
    width: 18px;
}
.hasSidebar .grid figure.card.Small {
    width: 194px;
}
/*.hasSidebar .grid figure.card.Small img {*/
/*    height: 129px !important;*/
/*}*/
.hasSidebar .grid figure.card.Large {
    width: 406px;
}




/** TRANSITIONS ***/
 .isotope .isotope-item {
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     transition-property: transform, opacity;
}
 
 
@media screen and (max-width: 517px) {
    .grid figure.card.Small, .grid figure.card.Large {
        width: 454px !important;
    }
}
@media screen and (max-width: 492px) {
    .grid figure.card.Small, .grid figure.card.Large {
        margin-left: -3px;
    }
}