@media (max-width: 1910px) {
    body:after {
        content: "Tablet quer";
        background-color: rgb(153, 97, 0);
    }

    main {
        width: 830px;
    }

    body.project-overview main {
        margin-left: 40px;
    }

    body.project-overview main {
        margin-left: 40px;
        width: calc(100% - 80px);
    }

    body.project-overview main ul {
        margin-left: -30px;
    }
    
    body.project-overview main ul a {
        width: calc(33% - 80px);
        padding-top: 21.5%;
        height: 22.5%;
        margin-left: 30px;
        margin-bottom: 0;
    }
}
/*
@media (max-width: 1470px) {
    body:after {
        content: "Tablet small 1";
        background-color: rgb(0, 153, 94);
    }

    main,
    body.project-overview main {
        margin-left: 40px;
        width: calc(100% - 80px);
    }
    
    body.project-overview main ul a {
        width: calc(50% - 80px);
        padding-top: 33.5%;
        height: 35%;
    }
}

@media (max-width: 1300px) {
    body:after {
        content: "Tablet small 2";
        background-color: rgb(120, 153, 0);
    }

    h1 {
        left: 40px;
        top: 110px;
        line-height: 1;
    }

    main p {
        width: 100%;
    }
}
*/
@media (max-width: 1160px) {
    body:after {
        content: "Tablet small 3";
        background-color: rgb(120, 153, 0);
    }

    body.project-overview main ul {
        width: calc(100%);
    }

    body.project-overview main ul a {
        width: 100%;
        padding-top: 76.5%;
    }

    nav {
        left: 260px;
    }


    figure.team {
        width: 44%;
    }
}

@media (max-width: 900px) {
    body:after {
        content: "Small";
        background-color: red;
    }

    main,
    body.project-overview main {
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    header {
        width: 100vw;
    }

    h1 {
        left: 20px;
    }

    #logo {
        width: 100vw;
    }

    #logo p {
        font-size: 14px;
    }

    nav {
        left: 0;
    }

    .nav-trigger {
        left: 20px
    }

    figure.team {
        float: none;
        width: calc(100vw - 60px);
    }

    .swiper-button-prev,
    .swiper-button-next {
        background-size: 25%;
        background-position: 150px 50%;
    }
}

@media (max-height: 1000px) {
    nav {
        top: 25vh;
    }

    nav a {
        padding-top: 1vh;
        padding-bottom: 1vh;
        font-size: 4vh;
    }

}