@media only screen and (max-width: 600px) {
    
    /* buttons */
    .ourservices .button {
        padding: 1.5vw 4vw;
    }

    .ourservices .button p {
        font-size: 3.3vw;
    }
    
    .ourservices .button img {
        width: 1.5vw;
        margin-left: 2vw;
    }

    /* contentblocks */
    .ourservices .contentblock {
        width: 100% !important;
        font-size: 3vw;
        border-radius: 3vw;
    }
    
    .ourservices .contentblock h2 {
        font-size: 5vw;
    }

    .ourservices .productivity > :first-child {
        flex: 0;
        width: 0px;
        align-items: flex-start;
    }

    .ourservices .designdevelompent > :last-child {
        flex: 0;
        width: 0px;
        align-items: flex-end;
    }

    .ourservices .productivity > :last-child,
    .ourservices .designdevelompent > :first-child {
        flex: 2;
        padding: 7vw 7vw;
        padding-top: 10vw;
    }

    .ourservices .productivity img {
        height: 32vw;
        /* transform: rotate(4deg); */
        left: 42vw;
        top: -7vw;
    }

    .ourservices .designdevelompent img {
        height: 31vw;
        right: 91vw;
        bottom: -13vw;
        transform: rotate(3deg);
    }

    .ourservices .productivity {
        background-size: 110vw;
        background-position-x: 18vw;
        background-position-y: -63vw;
    }

        .ourservices .productivity h2 {
            width: 40vw;
            margin-bottom: 2vw; 
            font-size: 5.5vw;
        }

        .ourservices .designdevelompent h2 {
            margin-bottom: 2vw; 
            font-size: 5.5vw;
        }

    .ourservices .designdevelompent {
        background-size: 70vw;
        background-position-x: -25vw;
        background-position-y: 40vw;
    }

    /* meer weten links */
    .ourservices .productivity .meerweten {
        font-size: 3vw;
        margin-top: 6vw;
        padding: 1.5vw 3vw;
    }

    .ourservices .designdevelompent .meerweten {
        font-size: 3vw;
        padding: 1.5vw 3vw;
        margin-top: 6vw;
        margin-right: 0px;
    }


    /* spacer svg background animation */
    .ourservices .spacer {
        height: 24vw;
    }

    .ourservices .spacer svg {
        height: 26vw;
    }

    .ourservices .spacer svg path{
        stroke-width: 18vw;
    }



}