.banner {
    background-position: center 60%;
}

nav.aqua .nav-link:nth-child(1):hover {
    background-color: var(--blue);
}

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

@media screen and (hover), 
screen and (hover: none) and (min-width: 786px) {
    .col-2 {
        grid-template-columns: 1fr 1fr;
    }
}