nav.earth .nav-link:nth-child(2):hover {
    background-color: var(--green);
}

nav.earth .nav-link:nth-child(2):hover h2 {
    color: var(--white);
    cursor: context-menu;
}

@media screen and (hover) {
    .col-2 {
        grid-template-columns: 1fr 2fr;
    }
}

@media screen and (max-width: 785px) {
    article:last-child {
        flex-direction: column-reverse;
    }
}