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

    .logo-text,
    .main-text {
        margin: 0 10%;
    }

    .main-content {
        flex-direction: column;
        align-items: center;
    }

    .main-content>img {
        width: 80%;
    }

    .main-content-text {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    .table-container {
        width: 100%;
    }

    /* td:nth-child(even) {
        font-size: 1.5vmax;
      }
    td>a{
        font-size: 2vmax;
    }
    th{
        font-size: 2.5vmax;
    }
    td.year{
        font-size: 2vmax;
    }
    */
}


@media only screen and (max-width: 768px) {
    nav {
        opacity: 0;
        pointer-events: none;
        transition: all 0.5s linear;
        position: fixed;
    }

    .center {
        display: block;
    }

    .center.active {
        top: 6%;
    }

    .logo-container {
        flex-direction: column;
    }

    nav.open {
        background: white;
        height: 100vh;
        width: 100%;
        justify-content: center;
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        opacity: 1;
        pointer-events: unset;
    }

    .links {
        opacity: 0;
        pointer-events: none;
        left: -50%;
        transition: 1s;
    }

    .links.open {
        display: flex;
        flex-direction: column;
        position: relative;
        left: 0%;
        line-height: 2;
        opacity: 1;
        pointer-events: all;
        height: unset;
        color: black;
    }

    .links.open>li {
        text-align: center;
    }

    .logo-container {
        transform: translateY(20vh);
    }

    .table-container {
        overflow-y: auto;
    }
}


@media only screen and (max-width: 992px) {
    nav>ul.links {
        width: 90%;
    }

    .upload-article {
        flex-direction: column;
        align-items: center;
    }

}