/* imagefit */
.imagefit {
    position: relative;
    overflow: hidden;
}


/* imagefit-item */   
.imagefit img.imagefit-item {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.imagefit img.imagefit-item[data-crop="true"] {
    margin: 0;
}

.imagefit img.imagefit-item[data-crop="false"] {
    margin: 1em;
}


/* transitions */
.imagefit.imagefit-transition img.imagefit-item {
    -webkit-transition-property: -webkit-transform, left, top, width, height;
    -moz-transition-property: -moz-transform, left, top, width, height;
    -ms-transition-property: -ms-transform, left, top, width, height;
    transition-property: transform, left, top, width, height;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}