/* S-1 keeps the thumbnail and training options together in the right column. */
.ddcc.ddcc-course .ddcc-hero .ddcc-container{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}
.ddcc .ddcc-hero-side{display:flex;flex-direction:column;gap:22px;min-width:0;align-self:start}
.ddcc .ddcc-hero-side .ddcc-hero-art{padding-top:46px}
.ddcc.ddcc-course .ddcc-hero .ddcc-hero-side .ddcc-pricing{display:block;grid-column:auto;grid-row:auto;float:none;width:100%;margin:0;padding:24px;box-sizing:border-box;align-self:stretch}
.ddcc .ddcc-hero-side .ddcc-pricing h2{font-size:28px}.ddcc .ddcc-hero-side .ddcc-offer{width:100%;margin:12px 0}.ddcc .ddcc-hero-side .ddcc-pricing>button{width:100%}
@media(min-width:1201px){.ddcc-course[data-rail-side=left] .ddcc-hero .ddcc-hero-copy{grid-column:1}.ddcc-course[data-rail-side=left] .ddcc-hero .ddcc-hero-side{grid-column:2;grid-row:1}}
@media(max-width:800px){.ddcc.ddcc-course .ddcc-hero .ddcc-container{grid-template-columns:1fr}.ddcc .ddcc-hero-side .ddcc-hero-art{padding-top:0}.ddcc .ddcc-hero-side{grid-column:1;grid-row:auto}.ddcc .ddcc-hero-side .ddcc-hero-art{max-width:none}.ddcc .ddcc-hero-side .ddcc-pricing h2{font-size:26px}}