html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}
html,body{width:100%;height:100%;background:#111}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font:normal 75% Arial,Helvetica,sans-serif}
canvas{display:block;vertical-align:bottom}
.count-particles{background:#002;position:absolute;top:48px;left:0;width:80px;color:#13E8E9;font-size:.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:700}
.js-count-particles{font-size:1.1em}
#stats,.count-particles{-webkit-user-select:none;margin-top:5px;margin-left:5px}
#stats{border-radius:3px 3px 0 0;overflow:hidden}
.count-particles{border-radius:0 0 3px 3px}
#particles-js{width:100%;height:100%;background-color:#000;background-image:url(/img/background4.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
h1{text-align:center;color:#fff;font-weight:700;font-size:48px;font-family:"Montserrat";line-height:1.2;margin-bottom:40px}
.naam{color:#fff}
.naam span{color:#fff;font-size:48px}
h3{color:#fff;font-weight:500;font-size:36px;font-family:"Montserrat";line-height:1.5;margin-bottom:25px;text-align:center}
ul{text-align:center;margin:0;list-style-type:none}
li{margin:0 25px;display:inline-block}
.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.logoimg{position:fixed;bottom:0;left:50%;-ms-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%);margin-bottom:20px;width:150px}
.logojer{width:245px;display: block;margin-left: auto;margin-right: auto;margin-bottom:40px; }
.fa-envelope-o,.fa-linkedin{color:#fff}
.fa-envelope-o:hover,.fa-linkedin:hover{color:#0098db}
.icc{width:36px}
@media screen and (max-width: 1099px) {
h1{font-size:75px}
.naam span{font-size:50px}
h3{font-size:19px}
.punt{margin-left: -19px;width: 11px;}
}
@media screen and (max-width: 890px) {
h1{font-size:60px}
.naam span{font-size:45px}
h3{font-size:19px}
/* h1{font-size:45px}
.naam span{font-size:40px} */
h3{font-size:15px}
.logojer{width:205px;}
.punt{margin-left: -11px;width: 8px;}
}
@media screen and (max-width: 480px) {
h1{font-size:36px}
.naam span{font-size:33px}
h3{font-size:15px}
.logojer{width:175px;}
.punt{margin-left: -8px;width: 5px;}
}
@media screen and (max-width: 375px) {
h1{font-size:36px}
.naam span{font-size:33px}
h3{font-size:15px}
.logojer{width:160px;}
}