/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* 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  :)  */
.services-info-cards {
  margin-top: 30px;
  margin-bottom: 50px; }
  @media (min-width: 1024px) {
    .services-info-cards .services-info-col.even {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .services-info-cards .services-info-col.odd {
      padding-left: 30px; } }
  .services-info-cards .services-info-col .services-info-card {
    margin-bottom: 20px; }
    .services-info-cards .services-info-col .services-info-card .img {
      height: 400px;
      overflow: hidden; }
      .services-info-cards .services-info-col .services-info-card .img img,
      .services-info-cards .services-info-col .services-info-card .img picture {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: cover;
        height: 100%; }
    .services-info-cards .services-info-col .services-info-card h4 {
      font-family: 'Lora';
      font-weight: 400;
      margin: 1.25em 0; }
    .services-info-cards .services-info-col .services-info-card p {
      margin: 0 0 2em 0; }
    .services-info-cards .services-info-col .services-info-card .btn-primary {
      display: inline-block !important; }