:root{--default-color: #000;--primary-color: #01204e;--secondary-color: #f19308}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}h1{font-size:4em}h2,h3{font-size:2em}p{font-size:1.2em}@media screen and (max-width: 1300px){h1{font-size:3em}}@media screen and (max-width: 700px){h1{font-size:2.5em}p{font-size:1em}h2{font-size:2em}h3{font-size:1.5em}}@media screen and (max-width: 500px){h1{font-size:2em}h3{font-size:1em}p{font-size:.8em}}@media screen and (max-width: 400px){h2{font-size:1.2em}p{font-size:.8em}}.Header{position:sticky;z-index:2;top:.5em;left:0;display:flex;margin:.5em;padding:1em;border-radius:20px;justify-content:space-between;align-items:center;box-shadow:0 4px 30px 5px #211f2030;min-height:100%;background-color:#fff}.Header svg{stroke:var(--secondary-color)}.Header .menu ul{list-style:none;display:flex}.Header .menu ul a{text-decoration:none}.Header .menu ul li{margin:0 2em;cursor:pointer}.Header .menu ul li h2{font-size:1.5em;color:var(--default-color)}.Header .phone{background-color:var(--secondary-color);padding:1em;text-align:center;border-radius:15px;cursor:pointer}.Header .phone p{color:#fff}.Header .phone a{color:#fff;text-decoration:none}.frontLogo{width:6%;cursor:pointer;justify-self:center}.burgerIcon{display:none;width:15%;cursor:pointer}.sideMenu{display:none;position:fixed;top:0;left:0;height:100%;width:90%;background-color:#fff;box-shadow:0 4px 30px 5px #211f2030;padding:1em}.sideMenu .imgs{display:flex;justify-content:space-between;align-items:center;margin:1em 0}.sideMenu .imgs .logo{width:15%;cursor:pointer}.sideMenu .imgs .close{width:5%;cursor:pointer}.sideMenu hr{border:none;border-bottom:solid 2px var(--secondary-color)}.sideMenu .menu2{margin:5em 2em}.sideMenu .menu2 ul{list-style:none}.sideMenu .menu2 ul li{color:var(--secondary-color);margin:2em 0;cursor:pointer}.sideMenu .menu2 ul li a{text-decoration:none}@media screen and (max-width: 1300px){.Header .menu ul li h2{font-size:.9em}}@media screen and (max-width: 1000px){.Header .menu ul li h2{font-size:.7em}}@media screen and (max-width: 900px){.Header .menu{display:none}.Header .phone{padding:.5em 1em}.frontLogo{width:15%;cursor:pointer}.burgerIcon{display:inline-block}}@media screen and (max-width: 500px){.Header .frontLogo{width:20%;cursor:pointer;margin:0 0 0 1.5em}.Header .phone{font-size:.7em}.Header .burgerIcon{width:15%}}@media screen and (max-width: 350px){.Header .phone{font-size:.5em}.sideMenu .menu2{font-size:.6em}}.Footer{background-color:var(--primary-color);text-align:center;padding:1em 0;color:var(--secondary-color)}.Footer p{margin:.5em 0}.AboutPage{background-color:var(--secondary-color);color:#fff}.About{padding:2em}.About b{color:var(--primary-color)}.About .theDivide{display:flex}.About .theDivide .first{width:50%;margin:1em}.About .theDivide .first p{margin:1em}.About .theDivide .second{width:50%;margin:1em}.About .theDivide .second svg{stroke:var(--primary-color)}.About .theDivide .second ul{list-style:none}.About .theDivide .second ul li{display:flex;align-items:center;margin:1em}.About .theDivide .second ul li p{margin:0 1em;width:100%}.About .theDivide .second ul li svg{width:5%}.About .theDivide .second .imgs{width:100%;height:30%;margin:1em;text-align:center}.About .theDivide .second .imgs img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.nhbrc{background-color:var(--primary-color);padding:1em;text-align:center}.nhbrc p{margin:1em 0}.nhbrc svg{width:10%;fill:#fff}@media screen and (max-width: 900px){.About .theDivide{flex-direction:column}.About .theDivide .first,.About .theDivide .second{width:100%}.About .theDivide .second .imgs{margin:0}.About .theDivide .second .imgs img{width:90%}.nhbrc svg{width:20%}}@media screen and (max-width: 700px){.AboutPage p{font-size:1em}}@media screen and (max-width: 400px){.About{padding:1em}.About .first,.About .second{margin:.5em}.nhbrc{padding:.5em}.nhbrc svg{width:30%}}.Contact{background-color:var(--secondary-color);padding:1em}.Contact h2{text-align:center;color:#fff;margin:1em 0}.Contact .container{display:flex;justify-content:space-between}.Contact .container .first{padding:1em;width:50%}.Contact .container .first iframe{border-radius:10px;border:none;width:100%;height:50vh;outline:none}.Contact .container .first button{width:100%;padding:1em 0;border-radius:10px;margin:1em 0;border:none;cursor:pointer}.Contact .container .first button a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none}.Contact .container .first button svg{width:5%;margin:0 .5em;fill:#fff}.Contact .container .first button:nth-of-type(1){background-color:#04d031}.Contact .container .first button:nth-of-type(2){background-color:var(--default-color)}.Contact .container form{padding:1em;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Contact .container form h3{text-align:center;font-weight:lighter;margin:1em 0;color:#fff}.Contact .container form input,.Contact .container form textarea{width:80%;margin:1em;padding:1em;background:none;border-radius:5px;background-color:#fff;border:none;outline:none}.Contact .container form button{width:60%;margin:1em;padding:1em;background:none;border-radius:50px;background-color:var(--default-color);border:none;color:#fff;cursor:pointer}@media screen and (max-width: 1200px){.Contact .container{flex-direction:column}.Contact .container .first,.Contact .container form{width:100%}}@media screen and (max-width: 500px){.Contact .container .first iframe{height:20vh}}.Home{height:100vh;display:flex;padding:2em;align-items:center}.Home svg .cls-1{fill:#fff;filter:url(#drop-shadow-2)}.Home svg .cls-1,.Home svg .cls-2{stroke-width:0px}.Home svg .cls-2{fill:none}.Home svg .cls-4{clip-path:url(#clippath)}.Home .text{width:50%;margin:2em}.Home .text h1{color:var(--default-color)}.Home .text h1:nth-of-type(2){margin:0 0 1em}.Home .text b{color:var(--secondary-color)}.Home .text .btn{width:100%;display:flex;justify-content:center}.Home .text .btn button{width:50%;background-color:var(--secondary-color);border:none;border-radius:50px;padding:1em 2em;cursor:pointer}.Home .text .btn button p{color:#fff}.Home .text .btn button a{text-decoration:none;color:#fff}.Home .imgs{width:50%}.Home .imgs img{width:100%}@media screen and (max-width: 1300px){.Home .text h1{font-size:3em}}@media screen and (max-width: 1000px){.Home{flex-direction:column;height:100%}.Home .text{width:80%;margin:2em 0}.Home .text h1{font-size:4em}.Home .imgs{width:90%}}@media screen and (max-width: 700px){.Home .text h1{font-size:2.5em}}@media screen and (max-width: 500px){.Home .text{width:100%;margin:2em 0}.Home .text h1{font-size:2em}.Home .imgs{width:100%}}@media screen and (max-width: 350px){.Home .text .btn button{width:70%;padding:.5em 2em}}.Projects{padding:1em;background-color:var(--primary-color);position:relative}.Projects h2{text-align:center;margin:1em 0;color:#fff}.Projects .collage{columns:300px}.Projects img{border-radius:5px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 30px 5px #211f2030;cursor:pointer;width:100%;margin:1em 0}.Projects .viewImg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;z-index:1;text-align:center}.Projects .viewImg img{cursor:default;box-shadow:0 4px 30px 5px #211f2090;border-radius:0;width:100%;height:auto}.Projects button{width:100%;background-color:var(--secondary-color);color:#fff;padding:1em 0;border-radius:10px;margin:1em 0;cursor:pointer}.Projects .viewImg button{width:30%;margin:2em;padding:1em 0;border-radius:20px;border:none;border:solid 2px #fff;color:#fff;background:none;cursor:pointer}@media (max-width: 1400px){.Projects .viewImg{width:40%}}@media (max-width: 800px){.Projects .viewImg{width:70%}}@media (max-width: 300px){.Projects .viewImg{width:90%}}.Services{padding:2em}.Services b{color:var(--secondary-color)}.Services ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.Services ul li{margin:1em;cursor:pointer}.Services ul li .container{display:flex;align-items:center;justify-content:space-between;color:#fff;background-color:var(--secondary-color);padding:.5em;border-radius:15px}.Services ul li .container .text{display:flex;align-items:center}.Services ul li .container .text h3{margin:0 .5em}.Services ul li .container svg{fill:#fff;width:10%}.Services ul li p{display:none;margin:1em;box-shadow:0 4px 30px 5px #211f2030;padding:1em;border-radius:15px}@media screen and (max-width: 1300px){.Services ul{grid-template-columns:repeat(3,1fr)}.Services ul li .container svg{width:20%}}@media screen and (max-width: 900px){.Services ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.Services ul{grid-template-columns:repeat(1,1fr)}.Services ul li{margin:.5em 0}}@media screen and (max-width: 400px){.Services{padding:1em}}.Testimonials{margin:2em}.Testimonials h2{text-align:center;color:var(--secondary-color)}.Testimonials .container{overflow-x:auto;display:flex;align-items:center;scroll-snap-type:x mandatory;padding:1em;overflow-y:hidden}.Testimonials .text{margin:0 1em;padding:2em;min-width:80%;height:100%;word-wrap:break-word;display:flex;flex-direction:column;box-shadow:0 4px 30px 5px #211f2030;border-radius:10px;scroll-snap-align:end}.Testimonials .text svg{fill:var(--secondary-color);width:10%}.Testimonials .text h3{text-align:center;width:100%;margin:1em 0;font-weight:lighter}.Testimonials .text p{color:var(--default-color)}.Testimonials .text svg:nth-of-type(2){transform:rotate(180deg);align-self:flex-end}