:root{--color:rgb(80, 80, 80);--bg-color:rgb(248, 248, 248);--nav-hover-color:rgb(101, 187, 255);--a-link:rgb(0, 0, 0);--a-link-hover:rgb(32, 103, 174);--theme-color:rgb(32, 103, 174);--theme-color-gold:rgb(241, 196, 15);--theme-color-red:rgb(94, 35, 37);--theme-color-gray:rgb(105, 114, 130);--theme-color-light-gray:rgb(240, 240, 240);--theme-color-green:rgb(14, 128, 120);--black-color:rgb(0, 0, 0)}*{box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;overflow-y:scroll;color:var(--color);background-color:var(--bg-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-style:normal;font-size:16px;line-height:27px}h1{font-size:42px;line-height:42px}h2{font-size:30px;margin:30px 0 5px;font-weight:400;text-transform:uppercase}h2>span{display:block;margin-top:5px;font-size:16px;text-transform:uppercase;text-align:center;color:var(--black-color)}h3{font-size:20px;margin:30px 0 5px}h4{font-size:18px;margin:30px 0 5px}a{width:fit-content;text-decoration:none}hr{width:95%;color:var(--color)}main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}article{width:100%;display:flex;flex-direction:column}article a{color:var(--a-link)}article a:hover{color:var(--a-link-hover)}picture>img{max-width:100%;height:auto}:target{scroll-margin-top:10vh}body>header{position:relative;display:grid;grid-template-columns:repeat(2,minmax(min-content,600px));justify-content:center;width:100%;padding:20px 30px 0;color:#fff}body>header h1,body>header p{grid-column:1/span 2}body>header>h1{margin-bottom:10px;font-size:72px}body>header>p{padding-bottom:40px}#main-nav{z-index:3;justify-self:end;align-self:center}#main-nav ul{display:flex;margin:0;padding:0;list-style:none}#main-nav li{padding:36px 15px 10px}#main-nav li a{display:block;padding-bottom:10px;color:#fff;white-space:nowrap}#main-nav li a:hover{border-bottom:1px solid #fff}#main-nav .active-page a{border-bottom:1px solid #fff}#main-nav .active-page a{color:var(--black-color)}#nav-button{align-self:center;display:none;position:absolute;top:0;right:0;margin:20px;width:40px}#nav-button:before,#nav-button:after,#nav-button div{content:"";display:block;height:4px;margin:8px 0;border-radius:3px;background-color:#fff;transition:.5s}#nav-button.nav-open:before{transform:translateY(12px)rotate(135deg)}#nav-button.nav-open:after{transform:translateY(-12px)rotate(-135deg)}#nav-button.nav-open div{transform:scale(0)}#nav-button:hover{cursor:pointer}#header-background{z-index:-1;position:absolute;bottom:0;left:0}#header-background img{display:block;width:100%;height:720px;object-fit:cover}.header-home{background-color:var(--theme-color)}.header-picture{background-color:none}.header-blue{background-color:var(--theme-color)}.header-gold{background-color:var(--theme-color-gold)}.header-red{background-color:var(--theme-color-red)}.header-gray{background-color:var(--theme-color-gray)}.header-green{background-color:var(--theme-color-green)}.header-home h1,.header-home p{z-index:2}.header-home #header-background{z-index:0;left:unset;right:0}.header-home #header-background img{height:unset}.subheader{margin:0;font-size:14px}#home-page{flex:1;justify-content:center;align-items:center;text-align:center}#home-page h3{margin-top:10px;font-size:24px;line-height:24px;font-weight:400;color:var(--black-color)}#home-page header{display:grid;grid-template-columns:100px 1fr 100px 1fr;grid-auto-flow:column;grid-column-gap:20px;max-width:1200px;margin:50px 0}#home-page header h2,#home-page header>span,#home-page header p:first-of-type{grid-column:1/-1}#home-page header h3,#home-page header p:nth-of-type(n+2){text-align:left}#home-page header p:first-of-type{max-width:800px;justify-self:center;padding:0 30px}#home-page header svg{grid-row-start:4;grid-row-end:6;justify-self:center;align-self:center;padding:20px;border:1px solid var(--theme-color);border-radius:50%}#home-page header svg:first-of-type{grid-column-start:1}#home-page header svg:nth-of-type(2){grid-column-start:3}#home-portfolio{display:grid;justify-content:center;width:100%;padding:0 30px;background-color:#f0f0f0}#home-portfolio h2,#home-portfolio>div,#home-portfolio>p,#home-portfolio>span{grid-column:1/span 4}#home-portfolio h2{margin-top:50px}#home-portfolio>p{max-width:800px;justify-self:center}#home-portfolio figure{position:relative;justify-self:center}#home-portfolio picture{position:relative}#home-portfolio picture img{display:block}#home-portfolio figcaption{opacity:0;position:absolute;width:100%;height:100%;top:0;color:#fff;background-color:rgba(0,0,0,.7);transition:opacity .3s ease-in-out 0s}#home-portfolio figcaption:hover{opacity:1}#home-portfolio a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff}#home-portfolio a:hover{color:#fff}#home-testimonial h2{margin-top:50px}#home-testimonial p{max-width:1000px;margin:0;padding:0 30px;line-height:32px}#home-testimonial figure{display:flex;justify-content:center;margin:30px 0;text-align:left}#home-testimonial figcaption{padding-left:20px}#home-testimonial dt{font-weight:700;font-size:28px}#home-testimonial dd{margin-left:0;font-size:14px}#home-contact{width:100%;text-align:center;background-color:var(--theme-color)}#home-contact h2{margin:0;font-size:28px}#home-contact p{font-size:18px}#home-contact a{display:block;width:100%;height:100%;padding:70px 30px 50px;color:var(--bg-color);transition:background-color .3s ease-in-out 0s}#home-contact a:hover{background-color:var(--color)}#services-page header{display:grid;grid-template-columns:repeat(4,minmax(auto,300px));grid-column-gap:20px;grid-row-gap:20px;justify-content:center;padding:0 30px}#services-page header h2{grid-column:1/-1;justify-self:center;margin-top:50px;margin-bottom:30px}#services-page header section{display:flex;flex-direction:column;align-items:center;text-align:center}#services-page header section svg{order:-1}#services-workflow{display:grid;grid-template-columns:repeat(3,minmax(auto,500px));grid-column-gap:20px;grid-row-gap:20px;justify-content:center;margin-bottom:30px;padding:0 20px}#services-workflow h2{grid-column:1/-1;justify-self:center}#services-workflow>picture{grid-column:2;grid-row:2/span 3;justify-self:center;align-self:center}#services-workflow>section{display:grid;grid-template-columns:1fr auto;grid-column-gap:20px}#services-workflow>section>h3,#services-workflow>section>p{margin:0}#services-workflow>section:nth-of-type(odd){text-align:right}#services-workflow>section>svg{grid-column:2;grid-row:1/span 2;align-self:center}#services-workflow>section:nth-of-type(even)>svg{grid-column:1}#services-extra{display:flex}#services-maintenance{flex:1;padding:40px 30px;text-align:center;color:#fff;background-color:#5e2325}#services-maintenance>h2>span{color:#fff}#services-maintenance>p>a{color:#fff;text-decoration:underline}#services-networking{flex:1;padding:40px 30px;text-align:center;background-color:var(--theme-color-gold)}#services-contact a{display:block;width:100%;height:100%;padding:50px 30px;text-align:center;color:var(--bg-color);background-color:var(--theme-color);transition:background-color .3s ease-in-out 0s}#services-contact a:hover{background-color:var(--color)}#maintenance-page>header{display:grid;grid-template-columns:425px 700px;grid-column-gap:50px;justify-content:center;margin-bottom:30px;padding:0 30px}#maintenance-page>header>h2{margin-top:50px;margin-bottom:30px}#maintenance-page>header>picture{grid-column:1;grid-row:1/-10;align-self:center}#maintenance-page>header>p{margin:5px 0}#maintenance-page>header li::marker{font-weight:700}#maintenance-page>header li p:first-child{font-weight:700}#maintenance-types{display:grid;grid-template-columns:600px 600px;grid-gap:30px;justify-content:center;padding:0 30px}#maintenance-types h2{grid-column:1/-1;text-align:center}#maintenance-types section{display:grid;grid-template-columns:1fr auto;grid-template-rows:max-content;grid-column-gap:20px}#maintenance-types section>h3{margin:0}#maintenance-types section>svg{grid-column:1;grid-row:1/4}#maintenance-faq{display:grid;grid-template-columns:1200px;justify-content:center;margin-bottom:50px;padding:0 30px}#maintenance-faq h2{text-align:center}#maintenance-faq details{margin:10px 0}#maintenance-faq details summary{padding:20px;font-weight:700;cursor:pointer;background-color:var(--theme-color-light-gray)}#maintenance-faq details summary::marker{color:var(--theme-color)}#maintenance-faq details p{padding:20px}#maintenance-faq details ul li{padding:5px 0}#portfolio-page{display:flex;flex-direction:row;justify-items:center;align-items:center;gap:30px;max-width:1200px;margin:30px 0;padding:0 30px}#portfolio-page a{margin-top:50px;text-align:center;white-space:nowrap;background-color:#fff}#portfolio-page>a:hover picture{transform:scale(1.05)}#project-page{display:grid;grid-template-columns:repeat(2,minmax(auto,560px));grid-template-rows:1fr 1fr;grid-auto-flow:column;grid-column-gap:75px;grid-row-gap:20px;justify-content:center;margin:40px 0;padding:0 30px}#project-page h2 span{text-align:left}#project-page p{margin:0}#about-page>div{align-self:center;display:flex;gap:30px;max-width:1200px;margin:50px 0;padding:0 30px}#about-page>div>section{flex:1}#about-page>div h2{margin-top:0}#about-contact a{display:block;width:100%;height:100%;padding:50px 30px;text-align:center;color:var(--bg-color);background-color:var(--theme-color);transition:background-color .3s ease-in-out 0s}#about-contact a:hover{background-color:var(--color)}#contact-page{display:flex;max-width:1200px;margin-bottom:50px;padding:0 40px}#contact-form{margin-bottom:30px}#contact-form label{display:block;padding-bottom:5px;text-align:left;font-size:18px}.form-row{display:flex;justify-content:space-evenly;gap:20px;margin:10px 0}.form-row input{width:100%;height:40px;padding-left:10px;background-color:#f0f0f0;border:1px solid #d2d2d2;appearance:none}#contact-form input[type=submit]{margin-top:10px;padding:15px 40px;font-size:16px;border:none;color:#fff;background-color:var(--black-color)}#contact-form input[type=submit]:hover{cursor:pointer;color:var(--bg-color);background-color:var(--theme-color);transition:background-color .2s ease}#contact-form textarea{display:block;width:100%;padding-top:5px;padding-left:10px;background-color:#f0f0f0;border:1px solid #d2d2d2;appearance:none}footer{width:100%;color:#c8c8c8;background-color:#222}footer a{margin-left:5px;color:#c8c8c8}footer a:hover{color:var(--nav-hover-color)}footer ul{padding-left:0;list-style:none}footer li{padding:5px 0}footer li a{color:var(--bg-color)}#footer-info{display:flex;justify-content:center;gap:60px;padding:20px}#footer-bio{max-width:500px}#footer-credits{padding:0 20px;border-top:1px solid #3c3c3c;font-size:12px}#top-aside{position:fixed;height:0;right:30px;bottom:70px}#to-top{visibility:hidden;opacity:0;padding:20px 30px;border:none;outline:none;background-color:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:20px;line-height:10px;transition:opacity 800ms,visibility 800ms}#to-top:hover{background-color:rgba(0,0,0,.8)}#four-oh-four{flex:1;justify-content:center;align-items:center}#four-oh-four h1{margin:60px 0 0;font-size:2em}#four-oh-four h2{margin:0;font-size:1.5em;line-height:1.5em}#four-oh-four p{margin-bottom:50px}.svg-icon{padding:20px;border:1px solid var(--theme-color);border-radius:50%}.svg-gray{border-color:var(--theme-color-gray);fill:var(--theme-color-gray)}.svg-gold{border-color:var(--theme-color-gold);fill:var(--theme-color-gold)}.arrow-down{margin-left:-30px;width:0;height:0;position:absolute;left:50%;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid var(--theme-color)}.arrow-white{border-top:30px solid var(--bg-color)}.arrow-gray{border-top:30px solid var(--theme-color-gray)}.arrow-lightgray{border-top:30px solid var(--theme-color-light-gray)}.arrow-gold{border-top:30px solid var(--theme-color-gold)}.arrow-red{border-top:30px solid var(--theme-color-red)}.arrow-green{border-top:30px solid var(--theme-color-green)}.separator{color:var(--theme-color);text-align:center}.separator::before,.separator::after{content:"";display:inline-block;width:50px;margin:30px 10px;vertical-align:middle;border-bottom:1px solid #e1e1e1}.gold-color{color:var(--theme-color-gold)}.white-color{color:var(--bg-color)}.font-color{color:var(--color)}@media screen and (max-width:768px){body>header>h1{font-size:42px}body>header>p{padding-right:20px}#main-nav ul{display:none}#main-nav.menu-open{position:fixed;display:flex;justify-content:center;flex-direction:column;width:100vw;height:100vh;top:0;left:0;background-color:#fff;overflow:auto;overscroll-behavior:contain}#main-nav.menu-open ul{display:flex;flex-direction:column;align-items:center}#main-nav.menu-open ul li{width:100%}#main-nav.menu-open ul li a{width:100%;margin-left:20px;text-align:left;color:#000;border-bottom:1px solid #d3d3d3}#nav-button{display:block}#nav-button.nav-open:before,#nav-button.nav-open:after,#nav-button.nav-open div{background-color:#000}#home-page header h3{grid-column:2/span 4}#home-page header p:nth-of-type(n+2){grid-column:2/5}#home-page header svg:first-of-type{grid-row:4/6}#home-page header svg:nth-of-type(2){grid-column:1;grid-row:6/8}#home-portfolio h2,#home-portfolio>div,#home-portfolio>p,#home-portfolio>span{grid-column-end:1}#services-page header{grid-template-columns:1fr}#services-workflow{grid-template-columns:1fr;grid-row-gap:50px}#services-workflow picture{grid-column:unset;grid-row:unset}#services-extra{flex-direction:column}#maintenance-page header,#maintenance-types,#maintenance-faq{grid-template-columns:1fr}#maintenance-page header picture{margin-top:50px}#portfolio-page{flex-direction:column}#project-page{grid-template-columns:1fr;grid-auto-flow:row}#about-page>div{flex-direction:column;align-items:center}.form-row{flex-direction:column}#footer-info{flex-direction:column}#footer-info{gap:0}}