@media screen and (max-width: 960px) {
    #container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #menu {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    #content {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    /* Make menu links inline */
    div#menu a.meni {
        display: inline-block;
        width: auto;
        margin: 5px;
        padding: 8px 12px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        border-radius: 4px;
    }

    div#menu br {
        display: none;
    }

    /* Adjust shadows for mobile if needed, or disable simple shadows that might look weird on full width */
    .drop-shadow {
        width: auto;
        margin: 10px;
    }
}