div.nav-menu > a:nth-child(2), div.ham-menu > a:nth-child(2) > p
{
    background-color: #575afc !important;
    color: #f3f4ff !important;
}
.sub-container
{
    padding: 10.5vw 0;
}
.courses
{
    display: grid;
    grid-template-columns: 1fr 0.5fr 1fr;
    align-items: center;
    margin: 0 0 var(--margin-sides) 0;
}
.courses > .heading
{
    justify-self: center;
}
.ccat
{
    display: grid;
    align-items: center;
    justify-items: center;
}
.ccat > .heading
{
    grid-row-start: 1;
    grid-column-start: 1;
    z-index: 0;
    transition: transform ease-in-out 1s;
    cursor: pointer;
}
.ccat > img
{
    width: 100%;
    grid-row-start: 1;
    grid-column-start: 1;
}
.ccat > h1:hover
{
    transform: scale(1.15);
}
.ccat > .heading > a
{
    color: rgb(93, 128, 255);
}

@media screen and (max-width: 1024px)
{
    .courses
    {
        grid-template-columns: 1fr 0fr 1fr;
        grid-template-rows: 1fr 0.1 1fr;
    }
    .school
    {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .courses > .heading
    {
        grid-row-start: 2;
        grid-column-start: 2;
    }
    .engineering
    {
        grid-column-start: 2;
        grid-column-end: 4;
    }

}
@media screen and (max-width: 1024px)
{
    .sub-container
    {
        padding: 20vh 0;
    }
    .ccat > .heading
    {
        font-size: 150%;
    }
}