.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#3ebfff;padding:1rem}.navbar nav{gap:2.5rem;align-items:center;display:none}.navbar nav.active{position:absolute;display:flex;flex-direction:column;top:5rem;background-color:#fff;width:90%;left:50%;gap:2rem;transform:translate(-50%);padding:2rem}.navbar nav.active:before{content:"";position:absolute;display:block;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:50px solid white;rotate:28deg;margin-top:-55px;right:0;transform:translate(15px)}.navbar nav.active ul{flex-direction:column;gap:2rem}.navbar nav.active ul a{color:gray}.navbar nav.active button{background:var(--yellow)}.navbar ul{display:flex;gap:2.5rem;list-style:none}.navbar ul li a{text-decoration:none;font-size:var(--priamry-font);color:#fff;font-weight:600}.navbar button{background-color:#fff;color:#000;font-weight:600;padding:.5rem 1rem;cursor:pointer;border-radius:3rem;border:none}.navbar button:hover{background-color:#ffffff80;color:#fff}.navbar .menu{cursor:pointer}@media (min-width:37.5rem){.navbar{padding-left:1.7rem;padding-right:1.7rem}.navbar nav{display:flex}.navbar .menu{display:none}}@media (min-width:47rem){.navbar{padding-left:2.7rem;padding-right:2.7rem}}@media (min-width:64rem){.navbar{padding-left:5rem;padding-right:5rem}}.hero{padding:7rem 0;background-image:url(/agency-landing-page/assets/image-header-DNUN7mqN.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero h1{color:#fff;font-size:3.1rem;max-width:20rem;text-align:center;font-family:Fraunces}.hero img{margin-top:3rem;size:4rem;height:5rem}@media (min-width:37.5rem){.hero{padding-left:1.7rem;padding-right:1.7rem}.hero h1{max-width:unset}.hero{background-image:url(/agency-landing-page/assets/image-header-C9FetAey.jpg);padding:10rem 0;height:100%}.hero img{margin-top:2rem;size:unset;height:unset}}@media (min-width:47rem){.hero{padding-left:2.7rem;padding-right:2.7rem}}@media (min-width:64rem){.hero{padding-left:5rem;padding-right:5rem}}.features img{width:100%}.features .infoArea{padding:3rem 2rem;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.features .infoArea h1{font-size:2rem;font-family:Fraunces}.features .infoArea p{color:var(--dark-grayish-blue);font-size:var(--primary-font)}.features .infoArea button{background-color:#fff;border:none;font-weight:700;font-size:1.1rem;font-family:Fraunces}.features article:nth-child(1) button{text-decoration:underline .5rem var(--yellow)}.features article:nth-child(2) button{text-decoration:underline .5rem var(--soft-red)}@media (min-width:37.5rem){.features{display:flex;flex-direction:column}.features article{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;min-height:300px}.features article>*{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.features article img{width:100%;height:100%;object-fit:cover}.features article:nth-child(1){grid-template-areas:"div image"}.features article:nth-child(1) img{grid-area:image}.features article:nth-child(1) div{grid-area:div}}.extras div{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;text-align:center;padding:20rem 1.2rem 4rem}.extras div h1{font-size:1.5rem;font-family:Fraunces}.extras div p{color:var(--very-dark-desaturated-blue);font-weight:500;max-width:21.5rem;font-size:var(--primary-font)}.extras div:nth-child(1){background:url(/agency-landing-page/assets/image-graphic-design-DRINm0oE.jpg);background-size:cover;background-position:center}.extras div:nth-child(2){background:url(/agency-landing-page/assets/image-photography-93szM-ml.jpg);background-size:cover;background-position:center}@media (min-width:37.5rem){.extras{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch}.extras div{padding:4rem 1.5rem 1.5rem 1.5}.extras div p{max-width:28rem}.extras div:nth-child(1){background:url(/agency-landing-page/assets/image-graphic-design-DatF89Xp.jpg);background-position:center}.extras div:nth-child(2){background:url(/agency-landing-page/assets/image-photography-06Y5cZc6.jpg);background-position:center}}:root{--soft-red: hsl(7, 99%, 70%);--yellow: hsl(51, 100%, 49%);--dark-desaturated-cyan: hsl(167, 40%, 24%);--dark-blue: hsl(198, 62%, 26%);--dark-moderate-cyan: hsl(168, 34%, 41%);--very-dark-desaturated-blue: hsl(212, 27%, 19%);--very-dark-grayish-blue: hsl(213, 9%, 39%);--dark-grayish-blue: hsl(232, 10%, 55%);--grayish-blue: hsl(210, 4%, 67%);--white: hsl(0, 0%, 100%);--primary-font: 1.3rem;--secondary-font: 1.5rem;--tertiary-font: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,serif;max-width:1440px;margin:0 auto}.clientTestimonials{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:4rem 1rem}.clientTestimonials h1{color:gray;font-size:1.3rem;margin-bottom:1rem;font-family:Fraunces}.clientTestimonials .testimonials{display:flex;flex-direction:column;gap:4rem}.clientTestimonials .testimonials div{display:flex;flex-direction:column;align-items:center;justify-content:center}.clientTestimonials .testimonials div img{height:4rem;width:4rem;border-radius:50%}.clientTestimonials .testimonials div p{color:gray;text-align:center;margin-top:2rem;font-size:var(--primary-font)}.clientTestimonials .testimonials div h3{margin-top:2rem;font-weight:700;font-family:Fraunces}.clientTestimonials .testimonials div span{margin-top:.5rem;color:var(--grayish-blue)}@media (min-width:37.5rem){.clientTestimonials{padding-left:1.7rem;padding-right:1.7rem}.clientTestimonials .testimonials{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;grid-template-rows:auto auto}.clientTestimonials .testimonials div:nth-child(1){grid-column:1}.clientTestimonials .testimonials div:nth-child(2){grid-column:2}.clientTestimonials .testimonials div:nth-child(3){grid-column:span 2;justify-self:center}}@media (min-width:47rem){.clientTestimonials{padding-left:2.7rem;padding-right:2.7rem}.clientTestimonials .testimonials{grid-template-columns:repeat(3,1fr)}.clientTestimonials .testimonials div:nth-child(3){grid-column:3}}@media (min-width:64rem){.clientTestimonials{padding-left:5rem;padding-right:5rem}}.gallery{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;min-height:300px}.gallery img{height:100%;width:100%;object-fit:cover}@media (min-width:37.5rem){.gallery{grid-template-columns:repeat(4,1fr)}}.footer{background-color:#90d4c5;padding:4rem 1rem;display:flex;justify-content:center;align-items:center}.footer .innerDiv{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer ul{margin-top:1.5rem;display:flex;gap:2rem;list-style:none}.footer ul li a{text-decoration:none;color:#357e6d}.footer ul li a:hover{color:#fff;transition:.5s ease-in-out}.footer .socialsDiv{margin-top:3rem;display:flex;gap:1.5rem}