video{width:90%}@media screen and (max-width:800px){video{width:140%;height:140%;margin:0 0 0 -20%}}.middle{overflow:hidden;position:relative;background:#000}.about{color:#000;padding:16px}.overlay{position:absolute;z-index:999;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overlay .live{position:absolute;top:20px;right:6%}@media screen and (max-width:800px){.overlay .live{right:3%}}.overlay .live img{width:120px}@media screen and (max-width:1000px){.overlay .live img{width:80px}}@media screen and (max-width:600px){.overlay .live img{width:50px}}.overlay .datetime{position:absolute;bottom:8%;left:6%;color:#fff;font-weight:700}@media screen and (max-width:1000px){.overlay .datetime{left:3%;font-size:12px}}@media screen and (max-width:600px){.overlay .datetime{left:3%;font-size:10px}}.overlay .fakecontrol2{position:absolute;right:6%;bottom:8%;color:#000;font-weight:700;opacity:.4}.overlay .fakecontrol2 img{height:75px;position:relative;top:30px;left:25px}@media screen and (max-width:1000px){.overlay .fakecontrol2 img{height:50px;top:15px;left:10px}}@media screen and (max-width:600px){.overlay .fakecontrol2 img{height:40px;top:15px;left:10px}}.overlay .container{width:100%}.overlay .heading{width:60%;-webkit-transition:all 3s ease;transition:all 3s ease}.overlay .heading.active{opacity:.2}.overlay .btn,.overlay .btn_again{width:40%;height:150px;max-width:800px;background:url(../img/check-het.7f1c985e.png) no-repeat 50% 50%;background-size:100% auto;display:inline-block;margin:20px 0 0 0;cursor:pointer;-webkit-transition:all 3s ease;transition:all 3s ease}@media screen and (max-width:600px){.overlay .btn,.overlay .btn_again{height:40px}}.overlay .btn:hover,.overlay .btn_again:hover{background:url(../img/check-het_active.608ee48a.png) no-repeat 50% 50%;background-size:100% auto}.overlay .btn.active,.overlay .btn_again.active{opacity:0}.overlay .btn_again{background:url(../img/check-het-opnieuw.1ccf7393.png) no-repeat 50% 50%;background-size:100% auto}.overlay .btn_again:hover{background:url(../img/check-het-opnieuw_active.79086303.png) no-repeat 50% 50%;background-size:100% auto}body,html{margin:0;padding:0;height:100%;width:100%;background:#f8cd25}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#f9cd39}.top{width:90%;text-align:left;margin:0 0 0 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:600px){.top{display:block;text-align:center}}.logo{margin:20px 0;width:250px}#nav{text-align:right}@media screen and (max-width:600px){#nav{text-align:center}}#nav a{font-weight:700;color:#fff}#nav a img{height:90px}@media screen and (max-width:800px){#nav a img{height:50px}}#nav a.router-link-exact-active{color:#000}