@media screen and (max-width: 1500px) {
    .content {
        width: 90%;
    }
}
@media screen and (max-width: 1000px) {
    body {
        font-size: 1em;
    }
    /* header */
    #header #logo {
        right: 90px;
        width: 130px;
        height: 90px;
    }
    #header #logo a {
        background-size: 90px;
        background-position: calc(100% - 10px) calc(100% - 10px);
    }
    #header #menu-mobile {
        width: 90px;
        height: 90px;
    }
    #header #menu-mobile svg {
        width: 16px;
        height: 16px;
    }
    #header #menu {
        top: 90px;
        height: calc(100% - 90px);
        max-width: 100%;
    }
    #header #menu ul { top: 45%; }
    #header #menu ul li { margin-left: 45px; }
    
    #header #menu .bottom { bottom: 40px; left: 45px; width: calc(100% - 85px); }
    #header #menu .bottom .verspuij-buttons a:after { margin-left: 15px; width: 120px; font-size: 14px; line-height: 1.2; white-space: initial; }

    /* image-header */
    #image-header.video .title {
        width: 90%;
    }
    #image-header.video .title span {
        font-size: 3em;
    }
    #image-header.video .title strong {
        font-size: .8em;
        padding: 10px 15px;
    }
    #image-header .payoff {
        padding: 10px;
        font-size: .6em;
    }
    #image-header .arrow-down {
        width: 30px;
        height: 30px;
    }
    #image-header .arrow-down svg {
        width: 30px;
        height: 30px;
    }
    #image-header .slices {
        width: 90%;
    }
    #image-header.picture,#image-header.video-small {
        margin-top: 90px;
    }
    #image-header,#image-header.video.video-small,#image-header.about {
        /*height: 330px;
        min-height: 330px;
        */
    }
    #image-header.about {
        min-height: 200px;
        height: 100px;
        margin-top: 90px;
        padding-top: 0;
    }
    #image-header .slices {
        bottom: -20px;
        height: 90%;
    }
    #image-header .slices .slice.career div.question a {
        font-size: .5em;
        padding: 0 10px;
        display: block;
        box-sizing: border-box;
    }
    #image-header .slices .slice.career div.question svg {
        width: 30px;
    }
    #image-header.video.video-small img {
        display: none;
    }
    #image-header.video.video-small {
        height: auto;
        min-height: auto;
        overflow: visible;
    }
    #image-header.video.video-small video {
        position: static;
        display: block;
        transform: none;
        width: 100%;
        min-height: auto;
        min-width: auto;
    }
    
    /* content */
    .row {
        padding: 70px 0;
        padding-top: 40px;
    }
    .darken + .row { /* page without #image-header */
        padding-top: calc(90px + 2em);
    }
    
    .breadcrumbs { position: relative; margin-top: -8px; margin-bottom: 30px; width: 90%; line-height: 1.5; white-space: nowrap; }
    .breadcrumbs ul { }
    
    .content {
        display: block;
        width: 90%;
    }
    .content .page_content,
    .content .page_content.hassubmenu,
    .content .page_content.hasmedia,
    .content .page_content.hassubmenu.hasmedia {
        display: flex;
        flex-direction: column;
        width: 100%!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .content .page_content .page_label {
        margin-bottom: 1em;
    }
    .content .page_content h1 {
        font-size: 1.5em;
        max-width: 100%;
    }
    .content .page_content h2 {
        max-width: 100%;
    }
    .content .page_content p {
        padding-left: 0;
    }
    
    
    /* Home */
    .vp-row { padding: 60px 0; }
    .vp-row > div:first-of-type > h2,
    .vp-row.specialisten h2 { margin-top: -15px; }
    
    /* Home - Specialisten */
    .vp-row.specialisten { flex-direction: column; height: auto; }
    .vp-row.specialisten > * { width: 100%!important; height: auto; }
    
    .vp-row.specialisten .left { height: 250px; min-height: 250px; }
    .vp-row.specialisten .right { display: flex; flex-direction: column; justify-content: center; margin-top: 45px; }
    .vp-row.specialisten .text { padding: 0; }
    
    .vp-row.specialisten .specialist,
    .vp-row.specialisten .vacature { width: calc((100% / 2) - 10px); }
    
    .vp-row.specialisten .specialist a .name { padding: 20px 20px; font-size: .9em; }
    
    .vp-row.specialisten .vacature .question avg { font-size: .8em; }
    .vp-row.specialisten .vacature .question a svg { margin-bottom: 10px; width: 30px; }
    
    /* Home - Diensten */
    .vp-row.diensten .diensten { width: 100%; margin-left: 0; }
    .vp-row.diensten .diensten .dienst { margin: 0; margin-bottom: 15px; width: 100%; }
    .vp-row.diensten .diensten .dienst:last-of-type { margin-bottom: 0; }
    
    .vp-row.diensten .diensten .dienst a { display: flex; flex-direction: row; }
    .vp-row.diensten .image { width: 100px; height: 100px; }
    .vp-row.diensten .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .vp-row.diensten .title { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; width: calc(100% - 100px); box-sizing: border-box; }
    .vp-row.diensten .title h2 { margin: 0; padding: 0; font-size: 17px; }

    /* Home - Projecten */
    .vp-row.projecten .projecten { width: 100%; margin-left: 0; }
    .vp-row.projecten .projecten .project { margin: 0; margin-bottom: 15px; width: 100%; }
    .vp-row.projecten .projecten .project:last-of-type { margin-bottom: 0; }
    
    .vp-row.projecten .projecten .project a { display: flex; flex-direction: row; }
    .vp-row.projecten .image { width: 100px; height: 100px; }
    .vp-row.projecten .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .vp-row.projecten .title { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; width: calc(100% - 100px); box-sizing: border-box; }
    .vp-row.projecten .title h2 { margin: 0; padding: 0; font-size: 17px; }
    
    /* Home - Nieuws */
    .vp-row.nieuws .nieuwsberichten { flex-direction: column; width: 100%; margin-left: 0; }
    .vp-row.nieuws .nieuwsberichten .bericht { margin: 0; margin-bottom: 15px; width: 100%; }
    .vp-row.nieuws .nieuwsberichten .bericht:last-of-type { margin-bottom: 0; }
    .vp-row.nieuws .nieuwsberichten .bericht .news-content h2 { padding-bottom: 0.5em; }
    .vp-row.nieuws .nieuwsberichten .bericht .news-content .date { margin-bottom: 0; }
    .vp-row.nieuws .nieuwsberichten .bericht a { display: flex; flex-direction: row; }
    .vp-row.nieuws .image { width: 100px; height: 100px; }
    .vp-row.nieuws .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .vp-row.nieuws .news-content { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; width: calc(100% - 100px); box-sizing: border-box; }
    .vp-row.nieuws .news-content h2 { margin: 0!important; padding: 0!important; font-size: 17px; }
    .vp-row.nieuws .news-content .date { position: relative; bottom: 0; font-size: 13px; white-space: nowrap; }
    
    /* Home - Verspuij Techniek */
    .vp-row.verspuij-techniek .verspuij-techniek { flex-direction: column; }
    .vp-row.verspuij-techniek .left,
    .vp-row.verspuij-techniek .right { width: 100%; }
    
    .vp-row.verspuij-techniek .left { order: 2; }
    .vp-row.verspuij-techniek .left .text p strong a { margin-right: 0; width: auto; box-sizing: border-box; }
    
    .vp-row.verspuij-techniek .right { order: 1; margin-bottom: 30px; }
    .vp-row.verspuij-techniek .right .image img { position: relative; width: 100%; }
    
    
    .content .media {
        width: 100%;
        margin-top: 2em;
    }
    .content .media a .icon,.fotoalbum a .icon,.news-overview .item a .image .icon {
        display: block;
    }
    .content #submenu {
        width: 100%;
        margin-bottom: 2em;
    }
    .content #submenu-trigger {
        display: block;
        padding: 15px 20px;
    }
    .content #submenu ul {
        display: none;
    }
    .content #submenu ul.master {
        padding-top: 20px;
    }
    .content #submenu ul.active {
        display: block;
    }
    .content #submenu ul li a svg,.content #submenu-trigger svg {
        right: 20px;
    }
    .content #submenu ul li a {
        padding: 10px 20px;
    }
    
    /* contact */
    .content #contact {
        flex-direction: column;
        margin-top: 0;
        width: 100%;
        z-index: inherit;
    }
    .content #contact .contact-column {
        padding: 0;
        width: 100%;
        background-color: transparent;
    }
    .content #contact .contact-column.vt p:first-of-type,
    .content #contact .contact-column.vp p:first-of-type {
        max-width: 70%;
    }
    .content #contact .contact-column.vt:after,
    .content #contact .contact-column.vp:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 65px;
    }
    .content #contact .contact-column.vt:after {
        top: 40px;
    }
    .content #contact .contact-column:last-of-type {
        margin-top: 45px;
        padding-top: 40px;
        border-top: 1px solid #ccc;
    }
    .content #contact form { margin-top: 30px; }
    .content #contact form input,
    .content #contact form textarea,
    .content #contact form select { background-color: #fff; }
    
    .content #contact + .links {
        margin-top: 45px;
        padding-top: 40px;
        border-top: 1px solid #ccc;
    }
    
    #contact_thanks {
        padding: 30px;
        background-color: #fff;
    }
    
    /* vacatures */
    body.vacatures .content .page_content .links { width: 100%; margin-left: 0; }
    body.vacatures .content .page_content .links a { margin: 0; margin-bottom: 20px; width: 100%; }
    body.vacatures .content .page_content .links a:last-of-type { margin-bottom: 0; }
    
    
    /* news */
    .news-overview {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .news-overview .item {
        width: 100%;
        margin: 0;
        margin-bottom: 1em;
    }
    .news-overview.projecten {
        padding-top: 30px;
    }
    /* fotoalbums */
    .content .page_content .fotoalbum a,.content .page_content .fotoalbum a.foto {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .content .page_content .fotoalbum a:last-of-type,.content .page_content .fotoalbum a.foto:last-of-type {
        margin-bottom: 0;
    }
    /* footer */
    #footer #footer-container {
        margin: 0px auto;
        width: 90%;
        padding: 60px 0;
        font-size: .8em;
    }
    #footer #footer-container .footer-container-content {
        display: block;
    }
    #footer #footer-container .footer-container-content .column.naw,#footer #footer-container .footer-container-content .column.buttons {
        width: 100%;
    }
    #footer #footer-container .footer-container-content .column.naw {
        margin-bottom: 2em;
    }
    #footer #footer-container .footer-contact span.item {
        display: block;
    }
    #footer #footer-container .footer-buttons {
        justify-content: flex-start;
    }
    #footer #footer-container .footer-buttons a {
        margin-left: 0;
        margin-right: 10px;
    }
    #footer #footer-container .footer-credits {
        text-align: left;
    }
    #footer #footer-container .footer-credits a {
        color: #666;
        margin-left: 0px;
    }
    #footer #footer-container .back-to-top {
        margin-left: 0;
    }
    #footer #footer-container .cybox-tag a svg {
        width: 10px;
        margin-left: 10px;
        transform: translateY(2px);
    }
    /* kiek */
    #kiek-close,#kiek-close:hover {
        top: 5%;
        right: 0;
        width: 100%;
        background-size: 16px 16px;
    }
    #kiek-close span.kiek-close {
        width: 100%;
    }
    div#kiek-left,div#kiek-right,div#kiek-left:hover,div#kiek-right:hover{
        background-position: 50% 95%;
        width: 50px;
        background-size: 16px 16px;
    }
    /* loading */
    #loading {
        background-position: 50% 50%;
    }
}