@media (max-width: 1100px) {
    .container {
        padding: 0 20px;
    }

    #top_buttons {
        backdrop-filter: blur(2px);
        border-top: 1px solid rgba(88, 121, 152, 0.3);
        box-shadow: inset 0 -1px 0 rgba(64, 64, 64, 0.4);
        background: linear-gradient(to right, #5e6985 0%, #626b86 100% );
        padding: 10px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    #top_in {
        flex-direction: column;
        align-items: flex-start;
    }

    #top,
    #top .container {
        padding: 0;
    }

    #top #a_logo img {
        padding: 10px;
    }

    .top_icons {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    #notify {
        justify-content: space-around;
    }
}

@media (max-width: 640px) {
    .container
    {
        padding: 0;
    }

    .display_desktop
    {
        display: none;
    }

    .button
    {
        font-size: 14px;
    }

    h1.entry-headline
    {
        padding: 20px 10px;
    }

    h1
    {
        font-size: 28px;
    }

    #content_full
    {
        margin-top: 0;
    }

    #content_full_body
    {
        padding: 10px;
    }

    #top
    {
        padding: 0;
    }

    #top_in
    {
        flex-direction: column;
        align-items: flex-start;
    }

    #top #a_logo img
    {
        width: 50vw;
        padding: 10px;
    }

    #top_buttons
    {
        background-color: #3965a4;
        padding: 10px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    #top_buttons .button
    {
        font-size: 14px;
        padding: 5px 15px
    }
    
    #content_full_in
    {
        flex-wrap: wrap;
    }

    #content_full #content
    {
        width: 100%;
    }

    #content_full #column
    {
        width: 100%;
    }

    #content
    {
        padding: 10px;
    }

    .column
    {
        margin: 10px;
    }

    .column a
    {
        font-size: 14px;
    }

    #nav_bottom nav
    {
        padding: 10px;
        text-align: center;
    }

    #nav_bottom nav a
    {
        display: block;
        width: fit-content;
        margin: 20px auto;
        padding: 0;
    }

    #nav_bottom a:hover
    {
        transform: translateX(2px);
    }

    #bottom
    {
        font-size: 14px;
    }

    .table tr th,
    .table tr td
    {
        font-size: 12px;
    }

    #content .table tr td a.button-mini
    {
        padding: 4px 12px;
        font-size: 12px;
    }

    .paginator
    {
        padding: 30px 0;
    }

    .paginator span
    {
        font-size: 12px;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}