/* small */
@media (min-width: 576px) {
    p {
        background-color: aqua;
    }
}

/* medium */
@media (min-width: 768px) {
    p {
        background-color: lime;
    }
}

/* large */
@media (min-width: 992px) {
    p {
        background-color: yellow;
    }
}

/* x large */
@media (min-width: 1200px) {
    p {
        background-color: salmon;
    }
}

/* xx large */
@media (min-width: 1400px) {
    p {
        background-color: brown;
    }
}

a {
    text-underline-offset: .25rem
}