@media screen and (max-width: 800px) {
    .content h2 {
        text-align: center;
        padding: 7px 0;
    }
    .article {
        flex-direction: column;
    }
    .left {
        width: 100%;
        text-align: center;
    }
    .left h3 {
        padding-left: 0;
    }
    .left .menu a:link,
    .left .menu a:visited,
    .menu_info a {
        padding-left: 0;
    }
    .left .custom_rights {
        display: none;
    }
    .custom_rights {
        min-height: 0;
        padding: 10px 0;
    }
    .footer {
        flex-direction: column;
    }
    .footer > * {
        width: 100%;
        text-align: center;
    }
    .footer .menu {
        display: none;
    }
    .custom_copyright {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .table_wrapper {
        width: 100%;
        overflow: scroll;
    }
    .right table {
        font-size: .875em;
    }
}