body,html {margin: 0;padding: 0;height: 100%;color: #231f20;}body, html, input, textarea, select {font-family: 'Roboto', sans-serif;} .header {min-height: 100vh;position: relative;background: rgba(86, 146, 208, 0.3);}.header:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: -1;background: url(../../images/interactieve_hond.jpg);background-size: cover;filter: grayscale(70%);}.btn-primary {background-color: #5692d0;border-color: #5692d0;}.donatie {background-color: #f1eae0;}.logo {max-width: 100%;width: 100%;height: auto;margin-top: 20px;}.image {border-radius: 5px;max-width: 100%;}@media (min-width: 992px) {.header {height: 100%;}.logo {width: auto;height: 50px;margin-top: 0;}}