.black-ribbon {
    background-color: var(--color-black);
    font-family: NeoSans;
    height: 3rem;
    text-transform: uppercase;
}

.black-ribbon a {
    text-decoration: none;
    color: white;
}


.black-ribbon a:hover,
.black-ribbon a:focus,
.black-ribbon a:active {
    text-decoration: none;
    color: white;
    cursor: pointer;
}

.international {
    color: black;
    text-decoration: none;
    font-family: NeoSans;
    text-align: right;

}

@media only screen and (min-width: 51.25rem) {
    .international {
        position: absolute;
        top: -8.6rem;
        right: 0;
        width: 300px;
        color: #858585;
        text-decoration: none;
        font-family: NeoSans;
        text-align: right;

    }

    .international:hover,
    .international:focus,
    .international:active {
        color: white;
        text-decoration: none;
        cursor: pointer;

    }
}