.course-cards{margin:0 0 40px 0;display:grid;grid-gap:32px 32px;box-sizing:border-box}.course-cards--3-cols{grid-template-columns:repeat(3,1fr)}.course-cards--4-cols{grid-template-columns:repeat(4,1fr)}.course-card{display:block}.course-card__figure{position:relative;width:100%;overflow:hidden}.course-card__figure--4x3{padding:75% 0 0}.course-card__figure--4x3-to-1x1{padding:75% 0 0}.course-card__figure--2x1{padding:50% 0 0}.course-card__figure--1x1{padding:100% 0 0}.course-card__image{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover}.course-card__title,.course-card__title-link{margin:12px 0;color:var(--font-subtitle-1-default-left-color);font-size:var(--font-subtitle-1-default-left-font-size);line-height:var(--font-subtitle-1-default-left-line-height);text-align:var(--font-subtitle-1-default-left-text-align);letter-spacing:var(--font-subtitle-1-default-left-letter-spacing);font-style:var(--font-subtitle-1-default-left-font-style);font-weight:var(--font-subtitle-1-default-left-font-weight);font-family:var(--font-subtitle-1-default-left-font-family);text-decoration:none;text-transform:none}.course-card__title-link:hover{color:var(--font-subtitle-1-default-left-color);text-decoration:underline}@media only screen and (max-width:1087px){.course-card__figure--4x3-to-1x1{padding:100% 0 0}}@media only screen and (min-width:672px) and (max-width:1087px){.course-cards{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:671px){.course-cards{grid-template-columns:repeat(1,1fr);grid-gap:48px 32px}}