.home-top-buttons-container {
    position: absolute;
    top: 20%;
    width: 100%;
    height: 5%;
    z-index: 10;
    display: flex ; 
  }

  .home-bottom-buttons-container {
    position: absolute;
    bottom: 10%;
    width: 100%;
    height: 10%;
    z-index: 10;
    display: flex ;
  }


  .btn_homepage_top {
    width: 10%;
    position: absolute;
    align-self: center;
  }

  .btn_homepage_bot {
    position: absolute;
    width: 10%;
    align-self: center;
  }

  .btn_kunstschilder {
    color: rgb(255, 255, 204);
    left: 5.1%;
    text-align: left;

  }

  .btn_galerij {
    left: 50%;
    text-align: left;
  }

  .btn_videos {
    left: 60.3%;
  }

  .btn_expos {
    left: 73.6%;
  }

  .btn-home {
    left: 83.8%;
    text-align: right;
  }

  .btn_nieuws {
    left: 50%;
    text-align: left;
  }

  .btn_pers {
    left: 60.9%;
  }

  .btn_contact {
    left: 73.6%;
  }

  .btn_links {
    left: 83.8%;
    text-align: right;
  }
/*
  .viewport-box {
    width: calc(100% - 10%);
    height: calc(100% - 10%);
    margin: 10%;
    box-sizing: border-box;
    position: relative;
    min-width: 800px;
    min-height: 600px;
  }*/