header.header-bg {
    height: 70vh;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center center;
    background-size: cover;}
header.header-bg.full-screen{
    height: 100vh;}
.header-container{
    position: relative;
    z-index: 5;}
.header-bg .buttons{
    display: flex;}
.header-bg .center{
    padding: 0 15%;
    text-align: center;}
.header-bg .center h1, .header-bg .center .buttons, .header-bg .center p{
    display: flex;
    justify-content: center;}
.header-bg .buttons .knoppen{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;}
.header-bg .buttons .knoppen:first-child{
    margin-left: 0px;}
.header-bg .buttons .knoppen:last-child{
    margin-right: 0px;}
.header-bg .overlay{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;}
.header_content{
    padding: 0 50% 0 0;}


@media only screen and (max-width: 650px) {
    .header-bg .buttons{
        display: flex;
        flex-flow: column;}
    .header-bg .buttons .knoppen{
        margin: 0 0 15px 0px;
        width: 100%;}
    .header-bg .buttons .knoppen:first-child{
        margin-left: 0px;}
    .header-bg .buttons .knoppen:last-child{
        margin-right: 0px;}
    .header-bg .knoppen .button{
        width: 100%;}
}