/* Personal CSS watch for Bootstrap important */
:root {
    --bs-body-bg: #DCDCDC;
  }

  html, body {
    padding: 0;
    margin: 0;
}

.masthead {
    height: 100vh;
    background-image: url('/img/main_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-background { background-image: url('/img/contact_background.jpg'); }
.about-us-background { background-image: url('/img/about_us_background.jpg'); }
.bg-custom { background-color: var(--bs-body-bg); }
.masthead.small { height: 350px; }
.background-general { background-image: url('/img/horeca_1.jpg'); }
.background-autotechnic { background-image: url('/img/autotechniek_1.jpg'); }
.background-engineering { background-image: url('/img/engineering_1.jpg'); }
.background-ict { background-image: url('/img/ict_1.jpg'); }

.footer {
    min-height: 50px;
    padding: 10px;
}

.header-info {
    background: RGBA(0,0,0,0.4);
    border-radius: 5px;
}

.project-image { width: 100%; }
.project-image-small { width: 70%; }
.project-image-very-small { width: 50%; }
.hidden { display: none; }