body {
  margin: 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #29235C;
  
}

a {
  text-decoration: none;
  color: #29235C;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 9%;
  height: 100vh;
  float: left;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

ul {
  list-style: none; /* Remove default bullets */
  margin:100px 0px 160px;
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E5332A; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

li {
  font-size: 33px;
  font-weight: 700;
}

.logo {
  width: 70%;
}

.text {
  padding-left: 200px;
}

.red {
  color:#E5332A;
  padding-right: 10px;
}

.inzet1 {
  padding-right: 15px;
}

.inzet2 {
  padding-right: 25px;
}

.beeldmerk {
background-image: url('beeldmerk.png');
background-size: cover;
margin-top: -8%;
}

@media screen and (max-width: 1080px) and (orientation: landscape) {
  ul {
    margin:60px 0px 80px;
  }

  .column {
    padding: 7%;
  }

  body {
    overflow: auto;
  }
}

@media screen and (max-width: 1080px) {
    .text {
      padding-left: 0px;
}

@media screen and (max-width: 600px) {

  .row {
    display: block;
  }
  .column {
    width: 100%;
    height: auto;
  }

  ul {
    margin:60px 0px 80px;
  }

  body {
    font-size: 20px;
  }

  li {
    font-size: 24px;
  }

  .logo {
    width: 85%;
  }

  .beeldmerk {
  background-image: url('beeldmerk.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -0%;
  height: 300px;
  background-position: center;
  margin-left: -7%;
  }
}