@font-face {
    font-family: 'PixelatedFont';
    font-weight: normal;
    src: url('../font/PublicPixel.woff2') format('woff2');
}

@font-face {
    font-family: 'PixelatedFont';
    font-weight: bold;
    src: url('../font/PublicPixel.woff2') format('woff2');
}

* {
    font-family: 'PixelatedFont', arial, sans-serif;
}

body.easy-read .content .scroll-middle * {
    font-family: arial, sans-serif;
}
body.easy-read .content .non-pixelated {
    background-color: #FFF;
    box-shadow: 0 0 10px 20px #FFF;
}

@media (max-width: 1280px) {
    body.easy-read .content .scroll-middle * {
        font-size: 14px;
    }
    body.easy-read .content .scroll-middle h1 {
        font-size: 20px;
    }
    body.easy-read .content .scroll-middle h2 {
        font-size: 16px;
    }
    body.easy-read .content .non-pixelated {
        background-color: transparent;
        box-shadow: none;
    }
}