a { text-decoration: none }
aside { width: 50%; padding-left: 15px; margin-left: 15px; float: right; font-style: italic; }
caption { caption-side: top; }
.overlayText { position:absolute; top:30%; left:10%; z-index:1; font-size: 8vw; }
.overlaySource { position:absolute; top:95%; left:88%; z-index:1; font-size: 1vw; }
.bg-video { position:relative; z-index:0; }
nav {position:fixed;}
.topText { background:rgb(30, 30, 30); background:rgba(30, 30, 30, 0.5); color: #FBC918;  align-self: center; text-shadow: 2px 2px 6px black; text-align: center;}
.text-zwart { color: #1E1E1E; }
.bg-zwart { background-color: #1E1E1E; }
.text-lichtgrijs { color: #CCCCCC; }
.bg-lichtgrijs { background-color: #CCCCCC; }
.text-geel { color: #FBC918; }
.bg-geel { background-color: #FBC918; }
.sm-section {margin: 5vw;}
.bg-section {padding-top:20vw; padding-bottom: 20vw;}
.navbar-toggler { background-color: #FBC918; color:#FBC918}
.navbar-brand:focus, .navbar-brand:hover, .nav-link:focus, .nav-link:hover { color: #FBC918; opacity: 75%; }
.footer-brand:focus, .footer-brand:hover, .footer-item:focus, .footer-item:hover { color: #1E1E1E; opacity: 75%; }
.dropdown-item:focus, .dropdown-item:hover { background-color: #1E1E1E; color:#FBC918}
.file-upload-button { color: #FBC918; background-color: #FBC918; }
.btn-outline-secondary-zwart { 
    --bs-btn-color: #FBC918;
    --bs-btn-border-color: #FBC918;
    --bs-btn-hover-color: #1E1E1E;
    --bs-btn-hover-bg: #FBC918;
    --bs-btn-hover-border-color: #1E1E1E;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #1E1E1E;
    --bs-btn-active-bg: #FBC918;
    --bs-btn-active-border-color: #FBC918;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FBC918;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FBC918;
    --bs-gradient: none;
}
.btn-outline-secondary-geel { 
    --bs-btn-color: #1E1E1E;
    --bs-btn-border-color: #1E1E1E;
    --bs-btn-hover-color: #FBC918;
    --bs-btn-hover-bg: #1E1E1E;
    --bs-btn-hover-border-color: #FBC918;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #FBC918;
    --bs-btn-active-bg: #1E1E1E;
    --bs-btn-active-border-color: #1E1E1E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1E1E1E;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1E1E1E;
    --bs-gradient: none;
}
.border-top { --bs-border-color: #1E1E1E; }
.form-control { border-color: #FBC918; border-width: 3px;}

#myVideo { position: fixed; right: 0; bottom: 0; min-width: 90%; min-height: 60%; }

@media screen and (max-width: 275px) {
  td, th, .form-control { overflow-x: auto; display: block; }
}
@media screen and (max-width: 775px) {
  .pageImage { width: 100%; }
  td, th, .form-control { font-size: 50%;  text-align: left;}
}

@media screen and (min-width: 775px) {
  .pageImage { width: 50%; }
}