html{font-size:14px;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-family:'Montserrat';color:#1b191a}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}small{font-size:small}.grecaptcha-badge{display:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;height:1px;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000}:focus{outline:0}a.post-edit-link{display:none}textarea,input[type="submit"]{-webkit-appearance:none}ul,ol{padding:0;margin:0;list-style-position:inside}h1,h2,h3,h4,h5,h6{font-weight:700;clear:both}h1{margin-top:0;margin-bottom:20px;font-size:2.5rem}h2{margin-top:0;margin-bottom:20px;font-size:2rem}h3{margin-top:0;margin-bottom:20px;font-size:1.5rem}h1 span,h2 span,h3 span{font-weight:300}.page-template-sub-content .entry-content h2,.page-template-sub-content .entry-content h3,.page-template-sub-content .entry-content h4,.page-template-sub-content .entry-content h5,.page-template-sub-content .entry-content h6,.single .entry-content h2,.single .entry-content h3,.single .entry-content h4,.single .entry-content h5,.single .entry-content h6{margin-bottom:0;margin-top:1.5rem}.page-template-sub-content .entry-content h2+p,.page-template-sub-content .entry-content h2+ul,.page-template-sub-content .entry-content h2+ol,.page-template-sub-content .entry-content h3+p,.page-template-sub-content .entry-content h3+ul,.page-template-sub-content .entry-content h3+ol,.page-template-sub-content .entry-content h4+p,.page-template-sub-content .entry-content h4+ul,.page-template-sub-content .entry-content h4+ol,.page-template-sub-content .entry-content h5+p,.page-template-sub-content .entry-content h5+ul,.page-template-sub-content .entry-content h5+ol,.page-template-sub-content .entry-content h6+p,.page-template-sub-content .entry-content h6+ul,.page-template-sub-content .entry-content h6+ol,.single .entry-content h2+p,.single .entry-content h2+ul,.single .entry-content h2+ol,.single .entry-content h3+p,.single .entry-content h3+ul,.single .entry-content h3+ol,.single .entry-content h4+p,.single .entry-content h4+ul,.single .entry-content h4+ol,.single .entry-content h5+p,.single .entry-content h5+ul,.single .entry-content h5+ol,.single .entry-content h6+p,.single .entry-content h6+ul,.single .entry-content h6+ol{margin-top:10px}.page-template-sub-content .entry-content h2,.single .entry-content h2,.col.about h2{font-size:2rem}.page-template-sub-content .entry-content h3,.single .entry-content h3{font-size:1.5rem}b,strong{font-weight:700}p,li{line-height:2;margin:15px 0}.error404 .page-title{font-size:3rem}.home-link{position:relative;display:block;width:100%;max-width:150px;height:50px;background:url(https://www.karregat-koning.nl/wp-content/uploads/2020/01/Logo_wit-1.png) no-repeat;margin:10px 0;background-size:contain;background-position:center left}.home-link img{width:100%;display:block}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield;padding-right:2px;width:100%}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}img{border-style:none}img,video{height:auto;max-width:100%}section:after,article:after,.clear:after,#inner-header:after,.row:after,.social:after,.site-info:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}::-webkit-input-placeholder{color:}:-moz-placeholder{color:}::-moz-placeholder{color:}:-ms-input-placeholder{color:}.inner{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;line-height:1.8;position:relative}.flexbox-wrapper{display:flex;flex-wrap:wrap}.menu-toggle{display:none}.nav-header .inner .navbar{order:4;flex-basis:100%;width:100%}.nav-header .inner{display:flex;flex-wrap:wrap;justify-content:space-between}.nav-header ul li{margin:0;line-height:2}.nav-header ul li a{color:#fff;text-decoration:none}.nav-header ul{list-style-type:none}.nav-header{color:#fff;background:#1b191a;position:fixed;top:0;width:100%;z-index:9999}ul#primary-menu{overflow:hidden;max-height:0;position:relative;transition:.3s ease-in-out}ul#primary-menu.open{max-height:500px}ul#primary-menu.open li:last-of-type{padding-bottom:10px}ul#primary-menu.open li:first-of-type{padding-top:10px}.menu{width:20px;height:30px;position:relative;align-self:center}.menu span:nth-of-type(1){top:9px}.menu span{height:2px;width:100%;background:#fff;display:block;position:absolute;left:0;transition:.3s ease-in-out;right:0;margin:0 auto;margin-right:0}.menu span:nth-of-type(2){top:15px}.menu span:nth-of-type(3){top:21px}.menu.open span:nth-of-type(1){-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);top:15px}.single-projecten div#main div.inner .fotos ul li:hover{opacity:.85}.menu.open span:nth-of-type(2){opacity:0}body.page-contact ul.grey{margin:0}.error404 div#primary h1{text-transform:uppercase;line-height:1.4}.error404 div#primary{text-align:center;padding:60px 0;background:#faf8f4}body:not(.home) .entry-content h2{margin-top:0;margin-bottom:20px;text-transform:none}.page-id-67 div#main{color:#fff;background:#1b191a;padding:20px 0}.page-template-sub-werkwijze section.header{height:200px;overflow:hidden;display:none;width:80%;background-size:cover;background-position:center center;background-repeat:no-repeat}.page-template-sub-werkwijze h1,.page-id-71 .entry-content h1{text-transform:uppercase;font-size:2rem}.stap.flexbox-wrapper span{align-items:center;display:flex}.stap.flexbox-wrapper span strong{display:inline-block;font-size:3rem;color:#d6ab41;line-height:1;margin-left:10px}.stap.flexbox-wrapper h3{margin-bottom:0;text-transform:uppercase;margin-top:10px}.single-projecten div#main div.inner .fotos ul li a{height:100%;width:100%;display:block}body.page-contact .left .maps{height:200px}body.page-contact .left{flex-basis:100%;width:100%;margin-bottom:40px}body.page-contact .left ul.grey li:nth-of-type(2n){background:#fff}body.page-contact .left ul.grey li a{font-weight:600;font-size:15px}body.page-contact .left ul.grey li{font-size:15px}body.page-contact .left ul.grey li{margin:0;line-height:1;background:#faf8f4;padding:10px}body:not(.home) .entry-content{padding:20px 0}span.ajax-loader{position:absolute}body.page-contact .left ul.grey{list-style-type:none;margin-bottom:20px}form textarea{height:125px}form p:nth-of-type(5),form p:nth-of-type(6){flex-basis:100%;width:100%}form p:last-of-type{margin-bottom:0}form input,form textarea{width:100%;border:0;background:#faf8f4;padding:10px;font-size:15px;font-family:'Montserrat';resize:none;margin-top:5px}form p{flex-basis:calc(50% - 10px);width:calc(50% - 10px);overflow:hidden;font-family:'Montserrat';font-size:14px;margin:0;margin-bottom:10px}form{display:flex;flex-wrap:wrap;justify-content:space-between}label.consent a{color:#000;font-weight:700}label.consent span{margin:0}label.consent input{width:auto;display:inline-block;margin-right:5px;vertical-align:middle;margin-top:-2px;-webkit-appearance:none;padding:7.5px;background:#faf8f4}.menu.open span:nth-of-type(3){-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(-135deg);top:15px}.home-slider .slide{background-size:cover;background-position:center center;background-repeat:no-repeat}.home-slider:before{content:'';display:block;width:100%;height:100%;position:absolute;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1);z-index:10}.home-slider .owl-stage-outer,.owl-stage,.owl-item,.slide{height:100%}.site-header{background:#1b191a;position:relative}.site-header>.inner h1{font-size:1.75rem;text-transform:uppercase;line-height:1.4}.site-header>.inner{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#fff;width:70%;right:5%;background:rgba(27,25,26,.8);padding:20px}.home-slider .owl-nav{display:none}.overons .fotos span:nth-of-type(1){display:none;width:60%;height:50%;background:url(https://www.karregat-koning.nl/wp-content/uploads/2019/12/Foto_31-klein-Small.jpg) no-repeat;background-size:cover;background-position:center center;position:absolute;bottom:0;box-shadow:5px 5px 10px #6c6c6c75}.overons .fotos{width:100%;margin-top:40px;position:relative;height:300px}.overons .fotos span:nth-of-type(2){display:block;width:80%;height:90%;background:url(https://www.karregat-koning.nl/wp-content/uploads/2020/01/Slider2-Large.jpg) no-repeat;background-size:cover;background-position:center center;position:absolute;top:0;right:0;z-index:-1;box-shadow:5px 5px 10px #6c6c6c75}.site-header>ul{display:none}.site-header>.inner p{margin-bottom:0;color:#fff}.home-slider{height:300px;width:80%;position:relative;margin-top:70px}.entry-content section h2{color:#4b4748;text-transform:uppercase;line-height:1}section.overons{padding:40px 0}a.c-btn:hover,input.wpcf7-form-control.wpcf7-submit:hover{background:#c4982c;color:#fff}div.wpcf7 .wpcf7-submit:disabled{opacity:.8}label.consent input:checked{background:#d6ab41}a.c-btn{background:#d6ab41;color:#fff;display:table;padding:15px 30px;font-weight:600;text-transform:uppercase;font-size:13px;line-height:1;position:relative;transition:.1s ease-in-out}input.wpcf7-form-control.wpcf7-submit{background:#d6ab41;color:#fff;display:table;padding:15px 30px;font-weight:600;text-transform:uppercase;font-size:13px;position:relative;transition:.1s ease-in-out;line-height:1}section.opdrachtgevers{background:#1b191a}section.projecten,section.opdrachtgevers{padding:40px 0}.project{height:300px;position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}body:not(.home) .projecten h1{text-transform:uppercase}body:not(.home) .projecten .project{margin-bottom:20px;flex-basis:100%;width:100%}body:not(.home) div#main{margin-top:70px}body:not(.home) section.projecten:after{display:none}.project:before{content:'';position:absolute;width:100%;height:65%;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(214,171,65,.85) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(214,171,65,.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(214,171,65,.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6d6ab41',GradientType=0);transition:.1s ease-in-out}body.home .project:before{height:80%}.project:hover:before{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(234,170,12,.85) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(234,170,12,.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(234,170,12,.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6d6ab41',GradientType=0)}.single-projecten div#main div.inner .fotos ul li{height:120px;overflow:hidden;flex-basis:calc(50% - 10px);width:calc(50% - 10px);background-size:cover;background-repeat:no-repeat;background-position:center center}.single-projecten div#main div.inner .fotos ul li:first-of-type{flex-basis:100%;width:100%;height:250px;overflow:hidden}.single-projecten div#main div.inner .fotos ul{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-between}.single-projecten div#main div.inner .fotos{overflow:hidden}.single-projecten div#main div.inner>.flexbox-wrapper{margin-bottom:40px}.single-projecten div#main div.inner>.flexbox-wrapper h1{margin-bottom:10px}.single-projecten div#main div.inner>.flexbox-wrapper a.c-btn{text-decoration:none}.single-projecten div#main{background:#1b191a;color:#fff;padding:20px 0}.projecten-slider{display:flex!important;flex-wrap:wrap;margin-bottom:40px}.projecten-slider .owl-nav{order:-1;display:flex;flex-wrap:nowrap;margin-bottom:10px}.projecten-slider .owl-nav .owl-prev{margin-right:20px}.project .inner h3 span{font-weight:700;display:table;line-height:1}.project .inner h3{text-transform:uppercase;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:1px 1px 3px #686868}.project .inner{position:absolute;color:#fff;bottom:20px;padding:0 20px}.project span.small{font-size:12px;text-shadow:1px 1px 2px #686868;text-decoration:underline}section.opdrachtgevers h2{color:#878786}.opdrachtgevers-wrapper.flexbox-wrapper span{flex-basis:50%;width:50%;border:1px solid #4d4a4c;height:100px;overflow:hidden;position:relative;padding:20px;margin-bottom:0;background-size:110px;background-repeat:no-repeat;background-position:center center}section.projecten{padding-top:0;position:relative}section.projecten:after{content:'';display:block;position:absolute;width:100%;height:40%;background:#1b191a;bottom:0;visibility:visible}section.projecten .inner a.c-btn{z-index:2}footer#contact{background:#1b191a;color:#fff;padding:40px 0;overflow:hidden}section.contact-laag .tekst{position:relative;z-index:2}.opdrachtgevers-wrapper.flexbox-wrapper{margin-top:40px}section.contact-laag .image{height:250px;position:absolute;background:url(https://www.karregat-koning.nl/wp-content/uploads/2019/12/425-final-camera-5-west-v2-1500x1125-1.jpg) no-repeat;background-size:cover;background-position:center center;top:50%;width:100%;z-index:0;transform:translateY(-50%);right:-20%}section.footer{margin-top:38px}section.contact-laag .image:before{content:'';display:block;position:absolute;width:100%;height:100%;background:-moz-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)}footer a{color:#fff;text-decoration:none}footer ul{list-style-type:none}footer li{margin:5px 0;line-height:2}ul.smaller li:last-of-type:after{display:none}ul.smaller li:after{content:'';display:inline-block;width:1px;height:15px;background:grey;vertical-align:middle;margin-left:10px}ul.smaller li{margin-right:10px}ul.smaller{display:flex;flex-wrap:wrap}section.footer .inner>div>p{margin:0}section.footer>.inner>div{margin-top:20px}footer ul.big{margin-bottom:20px}.contact-laag h2{text-transform:uppercase;font-size:1.75rem;line-height:1.4}ul.smaller a,section.footer .inner>div>p a{color:#b3b3b3}.nav-header ul li a:hover,ul.grey li a:hover,footer a:hover,ul.smaller a:hover,section.footer .inner>div>p a:hover{color:#d6ab41}.project a{display:block;height:100%;width:100%}.project a:hover span.small{text-decoration:none}ul.grey a,ul.grey li{color:#b3b3b3;font-size:14px;margin:5px 0}ul.smaller a,section.footer .inner>div>p{font-size:12px;color:#b3b3b3}ul.big a{font-weight:600}.entry-content a,.entry-title a{text-decoration:none}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;z-index:100;padding:0;border:0;background:transparent;right:10px;left:auto;top:0;font-size:.8rem}div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{display:none!important}@media (min-width:768px){.home-slider{height:350px;top:20px;margin-top:-20px}.site-header>.inner{width:60%}.opdrachtgevers-wrapper.flexbox-wrapper span{flex-basis:25%;width:25%}.single-projecten div#main div.inner>.flexbox-wrapper{align-items:center;justify-content:space-between}.single-projecten div#main div.inner .fotos ul li:first-of-type{height:300px}.single-projecten div#main div.inner .fotos ul li{height:200px}.stap.flexbox-wrapper{flex-basis:calc(50% - 10px);width:calc(50% - 10px);margin-bottom:20px;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}.stap.flexbox-wrapper span{margin-right:10px}.stap.flexbox-wrapper h3{margin-top:0}.site-content .stappen{justify-content:space-between}article.projecten{max-width:900px;margin:0 auto;padding:20px 0}.error404 div#primary{padding:120px 0}body:not(.home) .projecten .projecten-grid{margin-top:40px;justify-content:space-between}body:not(.home) .projecten .project{flex-basis:calc(50% - 10px);width:calc(50% - 10px)}section.contact-laag .tekst{width:50%}body:not(.home) .entry-content{padding:40px 0}section.contact-laag .image{right:-25%}section.footer>.inner>div{flex-basis:100%;width:100%}footer ul.big li{margin-right:20px}footer ul.big{display:flex;flex-wrap:nowrap}ul.grey li a{font-size:13px}ul.grey li{margin-right:10px;font-size:13px}ul.grey{display:flex;flex-wrap:wrap}body.page-contact .left ul.grey{display:block}body.page-contact .left h2{flex-basis:100%;width:100%}body.page-contact .left{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}body.page-contact .left ul.grey{list-style-type:none;margin-bottom:0;display:block;flex-basis:calc(50% - 10px);width:calc(50% - 10px)}body.page-contact .left ul.grey li{padding:15px}body.page-contact .left .maps{height:215px;flex-basis:calc(50% - 10px);width:calc(50% - 10px)}section.overons,section.projecten,section.opdrachtgevers{padding:60px 0}footer#contact{padding-top:60px}section.projecten{padding-bottom:0;padding-top:0}section.footer{margin-top:58px}section.overons{padding-top:80px}.site-header>.inner h1{font-size:2.5rem}}@media (min-width:1024px){.site-header>.inner{top:65%}.home-slider{margin-top:90px;top:40px;height:400px}.home-link{height:80px;max-width:190px}.opdrachtgevers-wrapper.flexbox-wrapper span{flex-basis:20%;width:20%}body.page-contact .left{flex-basis:calc(50% - 20px);width:calc(50% - 20px);margin-bottom:0}body.page-contact .left ul.grey{flex-basis:100%;width:100%}body.page-contact .left .maps{height:250px;flex-basis:100%;width:100%;margin-top:40px}.page-contact .right{flex-basis:calc(50% - 20px);width:calc(50% - 20px)}.page-contact section.flexbox-wrapper{justify-content:space-between}.page-contact section.flexbox-wrapper:after{display:none}.contact-laag h2{font-size:3rem}section.contact-laag .image{height:400px}section.footer{margin-top:98px}.site-header>.inner h1{font-size:2.75rem}section.overons{padding-top:100px}.overons .flexbox-wrapper{justify-content:space-between}.overons .tekst,.overons .fotos{flex-basis:calc(50% - 10px);width:calc(50% - 10px);align-self:center}.overons .inner{padding-right:0}.overons .tekst{flex-basis:calc(35% - 20px);width:calc(35% - 20px);align-self:flex-start}.overons .fotos{flex-basis:calc(65% - 20px);width:calc(65% - 20px);align-self:center;height:450px;margin-top:0}.entry-content section h2{font-size:2.5rem}section.projecten .inner>p{width:70%;margin-bottom:20px}}@media (min-width:1280px){.menu{display:none}ul#primary-menu{max-height:50px;height:50px;display:flex;align-items:center;justify-content:flex-end}.single-projecten div#main div.inner .fotos ul li:first-of-type{height:400px}.single-projecten div#main div.inner .fotos ul li{height:250px}body:not(.home) .entry-content{padding:60px 0}body:not(.home).page-template-sub-werkwijze .entry-content{padding-bottom:0}.page-id-71 .entry-content h1,body:not(.home) .projecten h1{font-size:3.75rem;text-transform:uppercase}body:not(.home) footer#contact{padding-top:120px}.page-template-sub-werkwijze h1{font-size:3.75rem;margin-bottom:40px}.stap.flexbox-wrapper span strong{display:table;margin-left:0;margin-top:10px;font-size:3.5rem}.stap.flexbox-wrapper:nth-of-type(3),.stap.flexbox-wrapper:nth-of-type(4){margin-bottom:0}.stap.flexbox-wrapper span{flex-wrap:wrap;margin-right:40px}.stap.flexbox-wrapper{flex-basis:calc(50% - 20px);width:calc(50% - 20px)}body.page-contact .left,.page-contact .right{flex-basis:calc(50% - 40px);width:calc(50% - 40px)}.nav-header .inner .navbar{flex-basis:calc(100% - 190px);width:calc(100% - 190px);align-self:center;margin-left:auto;text-align:right}.nav-header ul li a:hover:after{content:'';display:block;width:100%;height:2px;background:#d6ab41;position:absolute;bottom:-10px}.nav-header ul li a{position:relative}.home-slider{margin-top:10px;top:80px;height:600px;width:70%}.opdrachtgevers-wrapper.flexbox-wrapper span{height:140px;background-size:120px}.overons .fotos{height:500px}.overons .fotos span:nth-of-type(1){height:55%}section.projecten .inner>p{width:60%}.project{height:350px}.contact-laag h2{font-size:3.75rem}section.contact-laag .tekst{width:50%}section.footer>.inner>div:nth-of-type(2){flex-basis:65%;width:65%}section.footer>.inner>div{flex-basis:35%;width:35%}section.overons{padding-top:140px}.nav-header ul li{margin-left:40px}.site-header>.inner h1{font-size:4.75rem}.entry-content section h2{margin-bottom:40px}.overons a.c-btn{margin-top:40px}.site-header>.inner{width:100%;right:0;left:0;padding-left:30%;background:none}}@media (max-width:1024px){input[type="text"],input[type="email"],input[type="tel"],input[type="submit"],textarea{-webkit-appearance:none;border-radius:0}a[href^="tel"]{color:inherit;text-decoration:none}}@media (min-width:1500px){section#overons:before{content:'Over ons';position:absolute;font-size:8rem;font-weight:700;text-transform:uppercase;transform:rotate(90deg);color:#f4f4f4;left:-250px;top:100%}.projecten-slider:after{content:'Projecten';position:absolute;top:40%;font-size:8rem;color:#f4f4f4;transform:translateY(-50%);font-weight:700;text-transform:uppercase;z-index:-1}.site-header>ul{display:flex;position:absolute;right:-200px;color:#fff;top:50%;transform:rotate(90deg);list-style-type:none}.site-header>ul li{margin:0 20px}.site-header>ul a{color:#fff;text-decoration:none;font-size:17px;color:grey}}