.navigation-dock {
    background-attachment: fixed;
    background-position: center center;
    font-size: 0;
    padding: 18rem 5vw 14rem 5vw;
}

.single-nav {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    padding: 0 2rem 4rem 2rem;
    vertical-align: top;
    width: 33.333%;
}

.single-nav-wrapper {
    background-color: rgba(255,255,255,0.95);
    box-sizing: border-box;
    padding: 2rem;
}

.single-nav a {
    color: var(--color-primary-black);
    display: block;
    text-decoration: none;
}

.single-nav-button {
    margin-top: 2rem;
    text-align: right;
}

.round-button {
    background-color: var(--color-medium-gray);
    border-radius: 100%;
    color: var(--color-primary-white);
    display: inline-block;
    line-height: 1;
    padding: 1.75rem 1.15rem;
    transition: all 0.5s ease-out 0s;
}

.single-nav:hover .round-button {
    background-color: var(--color-apex42-teal);
}

.single-nav .round-button svg {
    margin-left: 0.25rem;
}

@media (max-width: 1200px) {

    .single-nav {
        width: 50%;
    }

}

@media (max-width: 767px) {

    .navigation-dock {
        padding: 9rem 5vw 5rem 5vw;
    }

    .single-nav {
        padding: 0 0 4rem 0;
        width: 100%;
    }

}