@media only screen and (max-width: 500px) {

    body {
        font-size: 26px;
        margin: 0;
        padding: 0;
    }

    .title {
        display: block;
        position: relative;
        top: auto;
        left: auto;
        margin: 50px auto;
        border-radius: 0;
        transform: none;
    }

    .navigation {
        display: block;
        border-radius: 0;
        padding: 10px;
        width: calc(100% - 20px);
        top: auto;
        left: auto;
        transform: none;
    }

        .navigation > a {
            cursor: pointer;
            display: block;
            margin: 5px;
            padding: 3px 6px;
        }

}