body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}

.text_header{
  width: 50%;
  right: -5%;
  float: left;
  background: #222222;
  top: 50px;
  position: relative;
  text-align: left;
  padding: 40px;
}

.image_header{
  width: 50%;
  height: auto;
  float: right;
}

.image_header img{
  width: 100%;
  height: auto;
}

.knop a{
  background: #F57B26;
  color: white;
  text-decoration: none;
  padding: 15px 25px;
  margin-top: 15px;
}

.knop svg{
  width: 20px;
  position: relative;
  top: 5px;
  fill: white;
}

.knop a:hover{
  background: black;
}




.w3-row-padding img {margin-bottom: 12px}

/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}

/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
#main {margin-left: 120px}

/* Remove margins from "page content" on small screens */
@media only screen and (max-width: 768px)
{
  #main {
    margin-left: 0;
  }

  .text_header{
    width: 100%;
    right: 0;
    top: 0;
  }

  .w3-jumbo{
    font-size: 35px !important;
  }

  .image_header{
    width: 100%;
  }
}