@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-height:100vh}.row,section{width:100%;height:auto}.row{display:flex;flex-flow:row nowrap;justify-content:space-around;padding:3rem 0}.column{width:40%;height:auto;display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:center}@media screen and (max-width:600px){.row{flex-direction:column;align-items:center}.row .column{width:80%}}h1,h2,h3,h4{font-weight:700;color:#000}h1,h2,h3,h4,p{font-family:"Roboto Slab",serif}p{font-weight:300;font-size:1.2rem}h1{font-size:5rem;text-decoration:underline}h2{font-size:3rem}h3{font-size:2rem}@media screen and (max-width:600px){p{font-family:"Roboto Slab",serif;font-weight:300;font-size:.8rem}h1{font-size:3rem;text-decoration:underline}h2{font-size:2rem}h3{font-size:1rem}}@media screen and (max-width:300px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:.8rem}}header{position:fixed;width:100vw;height:10vh;padding:.5rem 0;background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;color:#fa2404;z-index:100}#company-name{padding-left:1rem;margin-left:5vw;border-left:5px solid #fa2404;width:40%;flex-grow:1}#company-name h3{color:#000;text-shadow:2px 2px 1px #fff}#company-name h4{color:inherit}nav{display:flex;flex-direction:row;justify-content:space-around;width:30%;flex-grow:3}nav h4{color:inherit}@media screen and (max-width:600px){#company-name{display:none}nav{width:100%;flex-grow:0}}footer.row{background-color:#000;color:#fff;justify-content:space-around}footer .column{align-items:center;width:auto}footer .column div{display:flex;flex-flow:column;align-items:flex-start}footer a,footer h3{color:inherit;text-decoration:none;transition:color .5s ease-in}footer a:hover{color:#fa2404}footer ul{list-style-type:none}footer .socialBtns .icon{fill:#fff}@media screen and (max-width:600px){footer.row{text-align:center}footer .column{align-items:center;margin:0 0 1rem}}@media screen and (max-width:770px){footer h3{font-size:1.5rem}footer p{font-size:.8rem}}.banner{width:100%;height:auto;max-height:100vh;overflow:hidden;position:relative}.banner img{width:100vw;height:auto;z-index:1}.banner h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:#fa2404}@media screen and (max-width:600px){.banner h1{font-size:3rem}}.text-with-image h2{align-self:flex-start;margin-top:1rem}.text-with-image p{margin-top:1rem}.text-with-image img{width:100%}.portrait{border-radius:50%;border:3px solid #707070}@media screen and (max-width:1100px){.text-with-image{flex-direction:column;align-items:center}.text-with-image .column{width:80%}.text-with-image .text{margin-bottom:2rem}}.bulletPoints{position:relative;width:100%;height:auto;max-height:100vh;overflow:hidden}.bulletPoints img{width:100vw;height:auto;z-index:1}.bulletPoints .column{width:100%;height:100%;position:absolute;top:0;left:0;justify-content:space-evenly}.bulletPoints h1{align-self:flex-start;font-size:4rem;text-shadow:#fff 1px 1px;margin-left:2rem;text-decoration:none}.bulletPoints ul{margin:2rem 0;font-size:3rem;font-family:"Roboto Slab",serif;font-weight:700;color:#fa2404;list-style:none;text-align:center}.bulletPoints h3,.bulletPoints ul{text-transform:uppercase;text-shadow:#000 3px 1px}.bulletPoints h3{color:#fff}@media screen and (max-width:1048px){.bulletPoints h1{font-size:3rem}.bulletPoints ul{font-size:2rem}}@media screen and (max-width:792px){.bulletPoints h1{font-size:2rem}.bulletPoints h3,.bulletPoints ul{font-size:1.5rem}}@media screen and (max-width:600px){.bulletPoints h1{font-size:1.25rem}.bulletPoints ul{font-size:1rem;margin:1rem 0}.bulletPoints h3{font-size:1rem}}@media screen and (max-width:360px){.bulletPoints h1{font-size:.8rem;align-self:center;margin-left:0}.bulletPoints ul{font-size:.8rem;margin:.5rem 0}.bulletPoints h3{font-size:.8rem}}.socialBtns{width:40%;height:auto;margin:0;display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:center}.socialBtns a{width:20%}.socialBtns .icon{width:100%;height:auto;--fill:#000;transition:var(--fill) ease-in 1s}.socialBtns .icon:hover{--fill:#fff}.mediaFeed .row{align-items:center;justify-content:space-between}.mediaFeed h2{margin-left:2rem}.mediaFeed .gallery{justify-content:flex-start;padding:0}.gallery img{width:25%;height:auto;background-color:#000;border:1px solid #fa2404}@media screen and (max-width:600px){.mediaFeed .row{text-align:center}.mediaFeed .socialBtns{width:100%;margin:2rem 0 0}.gallery img{width:100%}.mediaFeed h2{margin:0}}.page-title{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center}.page-title h2{margin-left:2rem}@media screen and (min-width:1600px){#intro p{font-size:1.4rem}}#contact,#werkzaamheden{padding-top:10vh}#werkzaamheden h3{color:#fa2404;margin-top:1rem;text-transform:uppercase}#werkzaamheden .text-with-image img{border:3px solid #707070}@media screen and (max-width:1100px){#werkzaamheden .text-with-image .text{order:2}#werkzaamheden .text-with-image .column:nth-child(2){order:1}}#contact{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}#contact .wrapper{width:100%}#contact .row{align-items:stretch}#contact .row .column:nth-child(2){color:#fff;background-color:#000;border:3px solid #fa2404;padding:1rem 0}#contact a,#contact h3{color:inherit;text-decoration:none;transition:color .5s ease-in}#contact a:hover{color:#fa2404}@media screen and (max-width:1470px){#contact h3{font-size:1.5rem}}@media screen and (max-width:1100px){#contact .row{flex-direction:column;align-items:center}#contact .column{width:80%}#contact .row .column:nth-child(2){margin-top:2rem}#contact h3{padding:1rem 0}}@media screen and (max-width:600px){#contact h3{font-size:1rem}}@media screen and (max-width:300px){#contact h3{font-size:.8rem}}
/*# sourceMappingURL=main.24e5adf7.chunk.css.map */