@media (max-width: 575px) {
    section {
        background-image: none !important;
    }

    @media (prefers-color-scheme: light) {
        section.service .box {
            background: radial-gradient(circle, #b23d1d, #f1b346);
        }
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    @media (prefers-color-scheme: light) {
        section:not(.service) .box p {
            text-shadow: 0px 0px 20px rgba(255,255,255,1);
        }
    }
    @media (prefers-color-scheme: dark) {
        section .box p {
            text-shadow: 0px 0px 20px rgba(0,0,0,1);
        }
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
        font-size: 17px;
    }

    section.blockquote > div > div p:nth-child(2) {
        margin: 0 150px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .container {
        max-width: 1680px;
    }

    section.intro h1 {
        font-size: 165px;
    }
    section.intro h2 {
        font-size: 70px;
    }
}