.basic-course-page{max-width:140rem;margin:0 auto}.basic-course-page__sidebar-nav{background-color:var(--c-lighter-grey);display:none}.basic-course-page__components{padding:1.6rem 0}@media (min-width: 768px){.basic-course-page{display:grid;grid-template-columns:8fr 4fr;grid-template-rows:auto}.basic-course-page__hero{grid-row:1/2;grid-column:1/-1}.basic-course-page__components{grid-row:2/-1;grid-column:1/-1}}@media (min-width: 1024px){.basic-course-page{grid-template-columns:2fr 7.5fr 2.5fr}.basic-course-page__hero{grid-row:1/2;grid-column:2/-1}.basic-course-page__sidebar-nav{display:block;grid-row:1/3;grid-column:1/2}.basic-course-page__components{grid-row:2/-1;grid-column:2/-1}}@media (min-width: 1400px){.basic-course-page__components{padding:2.4rem 4rem}}.basic-course-page--with-sidebar-components .basic-course-page__sidebar-components{padding:0 1.6rem}.basic-course-page--with-sidebar-components .basic-course-page__sidebar-components .card{margin:1.6rem 0;border-bottom:1rem solid var(--c-light-grey)}@media (min-width: 768px){.basic-course-page--with-sidebar-components .basic-course-page__components{grid-column:1/2}.basic-course-page--with-sidebar-components .basic-course-page__sidebar-components{grid-row:2/-1;grid-column:2/-1}}@media (min-width: 1024px){.basic-course-page--with-sidebar-components .basic-course-page__components{grid-row:2/-1;grid-column:2/3}.basic-course-page--with-sidebar-components .basic-course-page__sidebar-components{padding-left:0;grid-row:2/-1;grid-column:3/-1}}@media (min-width: 1200px){.basic-course-page--with-sidebar-components .basic-course-page__sidebar-components{padding-right:0}}