@media only screen and (max-width: 1600px) {
    .diensten .wrapper .item_holder .item {
        width: 300px;
    }
}


@media only screen and (max-width: 1400px) {
    nav .nav-services .wrapper > div {
        grid-template-columns: repeat(3, 1fr);
    }

    header .wrapper article:nth-child(2) {
        margin-right: 9%;
    }

    .cards .wrapper .item {
        height: 300px;
    }

    .cards .wrapper .item figure {
        height: 180px;
    }

    footer .background_logo {
        bottom: -40px;
        right: -30px;
        width: 500px;
    }
}


@media only screen and (max-width: 1250px) {
    .size_big {
        font-size: 3rem;
        line-height: 59px;
    }

    .size_title {
        font-size: 2.5rem;
        line-height: 50px;
    }

    .size_subtitle {
        font-size: 2.3rem;
        line-height: 46px;
    }


    nav .nav-services .wrapper > div {
        grid-template-columns: repeat(3, 1fr);
    }

    header .wrapper {
        gap: 30px;
    }

    header .wrapper article:nth-child(2) {
        margin-right: auto;
    }

    .cards .wrapper {
        gap: 40px;
    }

    .cards .wrapper .item figure {
        height: 180px;
    }

    .diensten .wrapper {
        flex-flow: column;
    }

    .diensten .wrapper .item_holder {
        width: 100%;
    }

    .diensten .wrapper .item_holder .item {
        width: 100%;
    }

    .team .wrapper > article {
        width: 500px;
    }

    .team .wrapper .line {
        gap: 50px;
        margin-top: 300px;
    }

    .team .wrapper .line .item article {
        display: flex;
        flex-flow: column;
    }

    .team .wrapper .line .item article div {
        text-align: left;
    }

    .team .wrapper .line .item article .label {
        margin-left: 0;
        margin-right: auto;
    }

    footer .background_logo {
        bottom: -20px;
        right: -20px;
        width: 380px;
    }
}

@media only screen and (max-width: 1170px) {
    .contact .wrapper {
        flex-flow: column;
    }

    .contact .wrapper form {
        width: 100%;
    }

    .services .wrapper > div {
        flex-flow: column;
        gap: 30px;
    }

    footer {
        padding-bottom: 250px;
    }

    footer .background_logo {
        bottom: -50px;
        width: 500px;
    }
}

@media only screen and (max-width: 950px) {
    nav .nav-bar .container_s1 > span {
        display: none;
    }

    nav .hamburger {
        display: flex;
    }

    header .wrapper {
        flex-flow: column-reverse;
        align-items: flex-start;
        padding-bottom: 70px;
    }

    header .wrapper article {
        margin: 0 !important;
    }

    .split .wrapper {
        flex-flow: column;
    }

    .cards .wrapper {
        display: flex;
        flex-flow: column;
    }

    .timeline .wrapper .top_gradiant,
    .timeline .wrapper .bottom_gradiant {
        display: none;
    }

    .timeline .wrapper .top {
        display: grid;
        grid-template: 250px max-content 1fr / 1fr 100px;
    }

    .timeline .wrapper .top figure{
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .timeline .wrapper .top .year{
        grid-row: 2/3;
        grid-column: 1/2;
        text-align: right;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .timeline .wrapper .top .content {
        grid-row: 3/4;
        grid-column: 1/2;
    }

    .timeline .wrapper .top .line_holder {
        grid-row: 1/4;
        grid-column: 2/3;
    }

    .timeline .wrapper .top .line_holder .ball {
        margin-top: 254px;
    }

    .timeline .wrapper .top .line_holder .line {
        background: rgb(144,179,255);
        background: -moz-linear-gradient(0deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        background: linear-gradient(0deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90b3ff",endColorstr="#90b3ff",GradientType=1);
    }

    .timeline .wrapper .mid_bar {
        height: 200px;
        width: 100%;
        display: grid;
        grid-template: 1fr / 50px 1fr 50px;
    }

    .timeline .wrapper .mid_bar span {
        grid-column: 2/3;
    }

    .timeline .wrapper .bottom {
        display: grid;
        grid-template: 250px max-content 1fr / 100px 1fr;
    }

    .timeline .wrapper .bottom figure{
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .timeline .wrapper .bottom .year{
        grid-row: 2/3;
        grid-column: 2/3;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .timeline .wrapper .bottom .content {
        grid-row: 3/4;
        grid-column: 2/3;
    }

    .timeline .wrapper .bottom .line_holder {
        grid-row: 1/4;
        grid-column: 1/2;
    }

    .timeline .wrapper .bottom .line_holder .ball {
        margin-top: 254px;
    }

    .timeline .wrapper .bottom .line_holder .line {
        background: rgb(144,179,255);
        background: -moz-linear-gradient(180deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        background: linear-gradient(180deg, rgba(144,179,255,1) 60%, rgba(144,179,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90b3ff",endColorstr="#90b3ff",GradientType=1);
    }
}

@media only screen and (max-width: 850px) {
    .team .wrapper {
        margin-bottom: 0px !important;
    }

    .team .wrapper > article {
        width: 100%;
    }

    .team .wrapper .line {
        display: flex;
        flex-flow: column;
        margin-top: 100px;
    }
    
    .team .wrapper .line:nth-child(1) {
        margin-top: 250px;
    }

    .team .wrapper .line .item {
        width: 500px;
        max-width: 90%;
        margin: auto;
        grid-template: 1fr max-content / 1fr;
        gap: 10px;
        height: auto !important;
    }

    .team .wrapper .line .item:nth-child(2),
    .team .wrapper .line .item:nth-child(3) {
        transform: translate(0);
    }

    .team .wrapper .line .item article {
        position: relative;
        top: 0;
        grid-row: 2/3;
        grid-column: 1/2;
        flex-flow: row;
        justify-content: center;
        margin-top: -80px;
        gap: 20px;
    }

    .team .wrapper .line .item article div {
        text-align: right;
    }

    .team .wrapper .line .item article .label {
        margin-left: auto;
        margin-right: 0;
    }
}

@media only screen and (max-width: 800px) {
    nav .nav-bar .container_s1 > a img {
        height: 40px;
        margin-left: 20px;
    }

    .cards .wrapper .item article {
        width: 100%;
    }

    .cards .wrapper .item figure {
        width: 130px;
    }

    .box_box .wrapper article {
        padding: 30px 30px;
    }

    .split {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .split.extrapad {
        padding-top: 150px;
    }

    .vertical_split .wrapper .split_special {
        display: grid;
        grid-template: max-content max-content / 10px 1fr;
        gap: 30px;
    }

    .vertical_split .wrapper .split_special .line {
        grid-row: 1/3;
    }

    .vertical_split .wrapper .split_special .line span {
        height: 100%;
    }

    .vertical_split .wrapper .split_special p {
        grid-column: 2/3;
    }

    .diensten .wrapper .item_holder {
        grid-template: 1fr / 1fr;
    }

    .contact .wrapper form > span {
        flex-flow: column;
    }

    footer {
        padding-bottom: 360px;
    }

    footer .background_logo {
        right: calc(50% - (90vw / 2));
        width: 90vw;
        max-width: 500px;
    }

    footer .wrapper .bottom {
        flex-wrap: wrap;
    }

    .veaudeville_holder {
        justify-content: center;
    }

    .veaudeville_holder a img {
        height: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .size_big {
        font-size: 2.4rem;
        line-height: 43px;
    }

    .size_title {
        font-size: 1.8rem;
        line-height: 33px;
    }

    .size_subtitle {
        font-size: 1.6rem;
        line-height: 28px;
    }

    nav .nav-mobile .wrapper article > figure {
        height: 180px;
        width: 200px;
    }

    .timeline .wrapper .top {
        grid-template: 250px max-content 1fr / 1fr 30px;
    }

    .timeline .wrapper .bottom {
        grid-template: 250px max-content 1fr / 30px 1fr;
    }

    .timeline .wrapper .mid_bar {
        height: 200px;
        width: 100%;
        display: grid;
        grid-template: 1fr / 15px 1fr 15px;
    }

    .vertical_split .background_trigangle {
        height: 80px;
        width: 80px;
    }

    .team .wrapper .line .item article {
        flex-flow: column;
        margin-top: -110px;
    }

    .team .wrapper .line .item article div {
        text-align: left;
    }

    .team .wrapper .line .item article .label {
        margin-left: 0;
        margin-right: auto;
    }

    footer .wrapper .bottom {
        flex-flow: column;
        gap: 50px;
    }
}

@media only screen and (max-width: 370px) {
    nav .nav-mobile .wrapper article > figure {
        display: none;
    }
}