@media screen and (max-width: 560px) {
    body {
        width: 100%;
    }

    body > main {
        width: 80%;
    }

    body > header {
        width: 80%;
    }

    body > footer {
        width: 80%;
    }

    :root {
        font-size: 15px;
    }
}