#hero-title{font-weight: 700;font-size: clamp(2.2rem, 4vw, 3.2rem)}.article-title{font-size: 3rem;font-weight: 600;font-size: clamp(1.9rem, 4vw, 3.2rem)}.mini-title{font-size: clamp(0.75rem, 2vw, 1rem)}#menu{gap: 2rem;z-index: 2;display: flex;position: relative;padding-block: 1.5rem;padding-inline: 3vw;justify-content: space-between}#menu #logo{gap: 1rem;display: flex;align-items: center}#menu #logo #image-wrap{width: 75px;display: flex;align-items: center;justify-content: center}#menu #logo #website-name h1{font-size: 1.7em}#menu #links{gap: 1rem;display: flex;align-items: center}#menu #links p{text-wrap: nowrap;text-align: center;font-size: 1rem}#menu #links p:first-letter{text-transform: capitalize}@media (max-width: 1000px){#menu #logo #website-name{display: none}}@media (max-width: 800px){#menu{inset: 0;height: 0;margin: 0;padding: 0;width: 100svw;position: fixed;overflow-y: auto;min-height: 0vh;align-items: center;flex-direction: column;justify-content: center;background-color: white;overscroll-behavior: contain}#menu.active-menu{height: 100%;min-height: 100svh}#menu #logo{display: none}#menu #links{flex-direction: column}}services#page-link{display: flex;justify-content: center;align-items: center;padding: 2rem}services#page-link .services-wrapper{display: flex;flex-direction: column;align-items: center;width: fit-content}services#page-link .services-wrapper h3{text-align: center;margin-bottom: 1.5rem}services#page-link .services-wrapper #links{width: fit-content}@media (min-width: 800px){#mobile-view{display: none}}#mobile-view #mobile-logo{width: 11vw;max-width: 80px;min-width: 45px;margin-left: 3vw}#mobile-view #website-name-mobile h1{font-size: clamp(0.8rem, 3.5vw, 1.7rem)}#mobile-view #burger-menu{width: 40px;z-index: 10;height: 23px;display: flex;cursor: pointer;margin-right: 3vw;flex-direction: column;justify-content: space-between}#mobile-view #burger-menu div{height: 3px;width: 100%;border-radius: 4px;background: #314d68;transition:transform 0.4s ease,opacity 0.3s ease;transform-origin: center}#mobile-view #burger-menu:hover div{background: #333}#mobile-view #burger-menu.active-burger div:nth-child(1){transform: translateY(10px) rotate(45deg)}#mobile-view #burger-menu.active-burger div:nth-child(2){opacity: 0}#mobile-view #burger-menu.active-burger div:nth-child(3){transform: translateY(-10px) rotate(-45deg)}@media (min-width: 800px){#mobile-view #burger-menu{display: none}}footer #upper h2{font-size: 2.5em;font-weight: 200;text-align: center}footer #upper #image-wrap{width: 18vw}footer #upper #links{gap: 4vw;display: flex}footer #upper #links #footer-contact h3,footer #upper #links #footer-menu h3{font-weight: 500;font-size: 1.4em;margin-bottom: 0.5em}footer #upper #links #footer-contact p,footer #upper #links #footer-menu p{margin-bottom: 0.2em}footer #upper #links #footer-contact p:first-letter,footer #upper #links #footer-menu p:first-letter{text-transform: capitalize}footer #upper #links #footer-contact #footer-social-buttons,footer #upper #links #footer-menu #footer-social-buttons{gap: 1rem;display: flex;position: relative;margin-block: 0.5rem}footer #upper #links #footer-contact #footer-social-buttons a,footer #upper #links #footer-menu #footer-social-buttons a{width: 25px}footer #upper #links #footer-contact #footer-social-buttons a:hover,footer #upper #links #footer-menu #footer-social-buttons a:hover{filter: brightness(1.3)}footer #upper #links #footer-contact #footer-social-buttons a img,footer #upper #links #footer-menu #footer-social-buttons a img{margin-right: 1rem}footer #lower a{font-size: unset !important}footer #lower h5,footer #lower p,footer #lower a{font-size: 0.7em;color: #314d68}@media (max-width: 850px){footer #upper div:has(h2){display: none}footer #upper div:has(#links){flex: auto}footer #upper div:has(#links) #links{justify-content: space-evenly}}@media (max-width: 550px){footer #upper{flex-direction: column}footer #upper #links{text-align: center;margin-block: 1.5rem;flex-direction: column}footer #upper #footer-social-buttons{justify-content: center}footer #lower{align-items: center;flex-direction: column}footer #lower p{display: none}}@media (max-width: 800px){#hero{padding-top: 3vw}}article#hero{position: relative}article#hero #image-wrap{margin-inline: 3vw}article#hero #description{right: 0;top: 3rem;width: 45%;z-index: 1;position: absolute}article#hero #description #wrap{position: relative;margin-right: 3vw}article#hero #description #wrap h2{color: #f1f3f4}article#hero #description #wrap #divider{width: 5rem;height: 0.8rem;border-radius: 1rem;margin-block: 1.5rem;background-color: #bdd3de}article#hero #description #wrap h5{max-width: 35ch;color: #f1f3f4}article#hero #description #wrap a.button p{margin-top: 2rem}article#hero #blob-hero{right: 0;top: -2rem;width: 57%;z-index: 0;position: absolute;pointer-events: none}@media (max-width: 800px){article#hero{display: flex;align-items: center;flex-direction: column}article#hero br{display: none}article#hero #image-wrap{order: 2;height: 50vh;overflow: hidden;border-radius: 3rem;width: calc(100% - 3vw * 2)}article#hero #image-wrap img{width: 100%;height: 100%;object-fit: cover;object-position: left center}article#hero #description{top: 3;order: 1;width: 80%;position: relative;padding-block: 4rem}article#hero #description #wrap{margin-right: 0;text-align: center}article#hero #description #wrap h2,article#hero #description #wrap h5{color: #314d68}article#hero #description #wrap h5{margin-inline: auto}article#hero #description #wrap #divider,article#hero #description #wrap .button{margin-inline: auto}article#hero #blob-hero{width: auto;height: 65vh;max-height: 22rem}article#hero #blob-hero img{width: 100%;height: 100%}}article#contact{display: flex;margin-top: 10rem;gap: 6vw;margin-inline: 3vw}article#contact section#form{flex: 1;border-radius: 2rem;padding-inline: 2rem;padding-block: 2.5rem;background-color: #9cb3bd}article#contact section#form form{height: 100%;gap: 1.7rem;display: flex;flex-direction: column;align-items: flex-start}article#contact section#form form div{width: 100%}article#contact section#form form label{width: 100%;color: #f1f3f4}article#contact section#form form input,article#contact section#form form textarea{width: 100%;border: none;resize: vertical;margin-top: 0.3rem;padding-inline: 1rem;border-radius: 0.5rem;padding-block: 0.2rem;background-color: #aebbc1}article#contact section#form form textarea{flex: auto;padding-block: 0.5rem}article#contact section#form form div:has(textarea){flex: auto;display: flex;flex-direction: column}article#contact section#form form button{border: none;font-size: 0.7rem;color: #f1f3f4;padding-top: 0.4rem;border-radius: 0.5rem;padding-inline: 0.8rem;padding-bottom: 0.2rem;background-color: #314d68}article#contact section#info{flex: 1.3}article#contact section#info #wrap h2{color: #aebbc1}article#contact section#info #wrap h4{margin-top: 2rem;font-weight: 500}article#contact section#info #wrap #divider{width: 5rem;height: 0.8rem;border-radius: 1rem;margin-block: 1.5rem;background-color: #c3c3c2}article#contact section#info #wrap p{margin-top: 0.8rem;line-height: 1.5rem}article#contact section#info #wrap #contact-info{gap: 3rem;display: flex}article#contact section#info #wrap #contact-info div a{gap: 0.5rem;display: flex;align-items: center}article#contact section#info #wrap #contact-info div a:not(:last-child){margin-bottom: 0.8rem}article#contact section#info #wrap #contact-info div a img{width: 25px}article#contact section#info #wrap #contact-info div a p{margin: 0}article#contact section#info #wrap #contact-info{margin-top: 1rem}#contact-social-buttons img{width: 50px}#contact-social-buttons{position: relative;z-index: 20;pointer-events: auto}@media (max-width: 800px){.contact-social-top{padding-top: 100px;position: relative;z-index: 20}}@media (max-width: 760px){article#contact{gap: 4rem;flex-direction: column}article#contact #form{order: 2}article#contact #info{order: 1;text-align: center;margin-inline: 6vw}article#contact #info #wrap #divider{margin-inline: auto}article#contact #info #wrap #contact-info{justify-content: center}}@media (max-width: 400px){article#contact #contact-info{flex-direction: column;align-items: center}}article#contact-map{height: 30vw;overflow: hidden;margin-top: 5rem;border-radius: 3rem;filter: brightness(0.6);margin-inline: 3vw}article#contact-map:hover{filter: brightness(1)}article#contact-map iframe{width: 100%;height: 100%}@media (max-width: 760px){article#contact-map{height: 70vh}}
