/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
.card .img-wrap { height: 240px; overflow: hidden; }
.card .img-wrap picture, .card .img-wrap img { object-fit: cover; object-position: center; width: 100%; height: 250px; max-width: 100% !important; transition: all 0.2s linear; }
.card .img-wrap:hover picture, .card .img-wrap:hover img { transform: scale(1.05, 1.05); transition: all 0.2s linear; }
.card .card-title { margin-top: 0; }
.card .posted-on i { font-size: 13px; }
.card .card-footer .btn { margin-top: 0; padding: 0.5rem 2rem; }
.card .card-footer .btn:hover { color: #d3b365; background: #3F3E3D; }
.card .card-footer .btn:visited { color: #fff; }