@media screen and (max-width: 768px) {
    body {
        font-size: 18px;
    }

    nav {
        display: flex;
        justify-content: right;
        width: 1100px;
        margin: 0 auto;
    }

    footer h2 {
        color: #fff;
        font-size: 24px;
        margin-bottom: 20px;
    }

    footer p {
        font-size: 15px;
    }

    .social-links {
        display: flex;
        justify-content: center;
        width: 1100px;
        margin: 0 auto;
    }

    canvas {
        display: none;
    }

    #back-to-top {
        display: none;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 18px;
    }

    nav {
        display: flex;
        justify-content: right;
        width: 1100px;
        margin: 0 auto;
    }

    footer h2 {
        color: #fff;
        font-size: 24px;
        margin-bottom: 20px;
    }

    footer p {
        font-size: 15px;
    }

    .social-links {
        display: flex;
        justify-content: center;
        width: 1100px;
        margin: 0 auto;
    }

    canvas {
        display: none;
    }

    #back-to-top {
        display: none;
    }
}