/* 
MAIN
*/
.home-page {
    transition: 1s ease-in-out;
}

.home-page.scroll {
    margin-top: 100vh;
}

.home-page .section-padding {
    padding-left: var(--padding-left);
    padding-right: var(--padding-left);
}

.home-page > section:not(:last-of-type) {
    margin-bottom: 6rem;
}


/* mission */
.home-page--mission h3 {
    grid-column: 1/-1;
    margin-top: 1rem;
}

.home-page--mission a {
    grid-column: 1/-1;
    margin: 3rem auto 0;
}


/* courses */
.home-page--courses h3 {
    grid-column: 1/-1;
    margin: 0 auto 3rem;
}

.home-page--courses-gallery {
    grid-column: 1/-1;
}

.home-page--courses-gallery > div {
    grid-column: 1/-1;
    margin-bottom: 3rem;
}

.home-page--courses-gallery > div h4 {
    grid-column: 1/-1;
}

.home-page-course {
    grid-column: 1/-1;
    border: 1px solid var(--color-blue);
    height: 20vh;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: .5rem;
    transition: background-color 200ms ease-in-out;
}

.home-page-course h5 {
    grid-column: 1/-1;
    margin-bottom: auto;
}

.home-page-course p {
    margin-top: auto;
}

.home-page--courses a.button {
    grid-column: 1/-1;
    width: fit-content;
    margin-top: 3rem;
}

/* consortium */
.home-page--consortium h4,
.home-page--consortium p,
.home-page--consortium a {
    grid-column: 1/-1;
}

.home-page--consortium p {
    margin: 1rem 0 3rem;
}


/* TABLET */
@media only screen and (min-width: 720px) {

.home-page>section:not(:last-of-type) {
    margin-bottom: 8rem;
}

.home-page--mission h3 {
    margin-top: 5rem;
}

.home-page--courses h3 {
    margin: 0 auto 4rem;
}

.home-page--courses-gallery > div {
    grid-column: span 1;
}

.home-page-course {
    height: 40vw;
}

.home-page--mission h3 {
    margin-top: 2rem;
}

.home-page--courses a.button {
    margin-top: 5rem;
}

.home-page--consortium p {
    grid-column: 1/-2;
}


}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
.home-page--mission h3 {
    margin: 4rem auto 0;
}

.home-page--courses h3 {
    margin: 0 auto 5rem;
}

.home-page-course {
    grid-column: span 1;
    height: 20vw;
}

.home-page--courses a.button {
    margin-top: 4rem;
}

.home-page--consortium h4 {
    grid-column: 1/7;
}

.home-page--consortium p,
.home-page--consortium a {
    grid-column: 7/-2;
}

.home-page--consortium p {
    margin-top: .5rem;
}
}


/* DESKTOP LARGE */
@media only screen and (min-width: 1760px) {
    .home-page--courses-gallery {
        grid-column: 2/-2;
    }

    .home-page-course {
        height: 25vh;
    }
}


@media (hover: hover) {
    .home-page-course:hover {
        background-color: var(--color-blue);
    } 

    .home-page-course:hover * {
        color: var(--color-white);
    }
}