header{background-color:white;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px}header .container{display:flex;justify-content:space-between}header .container .logo img{height:40px}@media only screen and (min-width: 768px){header .container #navbar{display:flex;align-items:center}header .container #navbar .links a{font-weight:700;text-transform:uppercase;padding:0px 10px}header .container .mobile-only{display:none}}header i{padding-top:10px;font-size:25px}@media only screen and (max-width: 768px){.overlay{height:0;width:100%;position:fixed;z-index:2;left:0;top:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow-y:hidden;transition:0.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:0.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;top:10px;right:0px;font-size:60px}.mobile-only{margin-right:10px}}@media only screen and (max-width: 768px) and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}#hero{background-color:black;color:white;height:calc(100vh - 60px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;background-image:linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.05)),url("../images/background.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}#hero h1{font-size:5em;font-weight:800;letter-spacing:1em;text-indent:1em;text-transform:uppercase;margin-bottom:0.5em}#hero h2{font-size:2em;letter-spacing:0.1em;text-indent:0.1em;color:#00A1D5;font-weight:700;text-transform:uppercase;margin:0em}#hero h3{font-size:1.2em;font-weight:700;text-transform:uppercase;margin-top:0em;margin-bottom:7em}@media only screen and (max-width: 768px){#hero h1{letter-spacing:0.1em;text-indent:0.1em;margin-bottom:0.3em}#hero h2{letter-spacing:0.01em;text-indent:0.01em}#hero h3{margin-bottom:5em}}#hero .button{text-transform:uppercase;color:white;background-color:#00A1D5;padding:20px 40px;border:0px solid black;border-radius:50px}#hero i{font-size:8em;padding:0px 0px 50px 0px}#hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}#about{background-color:#4E4E4E;padding:0px 20px 50px 20px;color:white}#about a{text-decoration:underline}#features{display:flex;flex-wrap:wrap;justify-content:space-around}.feature{max-width:340px;text-align:center;margin-top:50px;margin-bottom:50px}.feature p{margin-bottom:36px}.feature .button{margin:5px;color:#00A1D5;background-color:white;padding:10px 20px;border:1px solid #00A1D5;border-radius:50px}.feature .primary{color:white;background-color:#00A1D5}.diamond{margin:auto;text-align:center}.diamond i{font-size:5em;color:#00A1D5;vertical-align:middle;margin-top:25px}#projects-section{background-color:#EBEBEB}#projects{display:flex;flex-wrap:wrap;justify-content:space-around;padding:50px 5px}#projects a{display:inline}.project{position:relative;margin:5px}@media only screen and (min-width: 800px){.project{width:calc(33% - 10px)}}@media only screen and (max-width: 800px){.project{width:calc(50% - 10px)}}@media only screen and (max-width: 400px){.project{width:100%}}.project img{width:100%;vertical-align:top}#referenties .project:after,#referenties .project:before{position:absolute;opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s}#referenties .project:after{content:'\A';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.1)}#referenties .project:before{content:attr(data-content);width:100%;color:#fff;z-index:1;bottom:0;padding:4px 10px;text-align:center;background:#00A1D5;box-sizing:border-box;-moz-box-sizing:border-box}#referenties .project:hover:after{background:rgba(255,255,255,0.1)}#testimonial{background-color:#00A1D5;text-align:center;padding:50px}#testimonial .rating{color:#FFCD00;font-size:1.5em}#testimonial p{color:white;font-size:1.5em;font-weight:200;line-height:1.5em}#testimonial .author{font-size:1.2em}#testimonial ul{width:100%;overflow:hidden;text-align:center;position:relative;padding:0;list-style:none;display:flex}#testimonial li{width:100%}#testimonial li:first-child{transform:translateX(0)}#testimonial li:nth-child(2){transform:translateX(100%);margin-left:-100%}#testimonial .ease-in{-webkit-animation:slide-left 1.0s forwards;animation:slide-left 1.0s forwards}#testimonial .ease-out{-webkit-animation:slide-right 1.0s forwards;animation:slide-right 1.0s forwards}@keyframes slide-left{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-right{from{transform:translateX(0)}to{transform:translateX(-100%)}}#contact{background-color:#4E4E4E;color:white}#contact .single-content{padding:0px 20px 20px 20px}#contact .top{padding:20px 20px 50px 20px}#contact .top .sub{display:flex;align-items:center;margin-bottom:50px}#contact .top .sub .subleft{margin-right:20px}@media only screen and (min-width: 800px){#contact .top{display:flex;justify-content:space-evenly}}.single-section{background-color:#EBEBEB;padding:0px 20px 50px 20px}.single-content img{max-width:100%}.single-content a{text-decoration:underline}@media only screen and (min-width: 800px){.single-content img{max-width:50%}}#footer{background-color:#353535;color:white;padding:1rem}#footer .container{display:flex;justify-content:space-between}@media only screen and (max-width: 400px){#footer .container{flex-direction:column}}@media only screen and (min-width: 400px){#footer .container img{padding:0px 10px 0px 10px}}#jobs-section{background-color:#EBEBEB;padding:0px 20px 50px 20px}@font-face{font-family:'Raleway';font-style:normal;font-weight:200 800;src:url(../webfonts/raleway.woff2) format("woff2")}body{font-family:"Raleway",sans-serif;line-height:1.5em}.title{font-weight:200;margin-top:0px;padding-top:50px;padding-bottom:30px;text-align:center;text-transform:uppercase;position:relative}.title:after{content:"";position:absolute;border-top:1px solid #b9b9b9;left:calc(50% - 40px);bottom:0;width:80px;height:0px}h1{line-height:1em}h2{font-weight:500}a{color:inherit;text-decoration:none}.container{margin:auto;max-width:1280px}

/*# sourceMappingURL=style.css.map */