:root {
  --1: #f1f9ff;
  --2: #e0f2ff;
  --dark-slate-grey: #36383b;
  --royal-blue: #446af6;
  --light-coral: #ff7072;
  --midnight-blue: #171f58;
  --dark-slate-blue: #3f56a3;
  --blue-violet: #6f47ff;
  --gold: #f5ca2f;
  --deep-sky-blue: #0bf;
  --lavender: #d8ddff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section.hero {
  background-image: radial-gradient(circle at 80%, #f4d7ff9c, #fff0 30%), linear-gradient(136deg, #d0ebff80, #f7fcff);
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section.hero._80px-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.blue-bg {
  background-color: var(--1);
  position: relative;
}

.section.small-margin {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.extra-margin {
  padding-bottom: 140px;
}

.section.radial-bg {
  background-image: radial-gradient(circle closest-side at 50% 50%, var(--2) 8%, #fff0);
}

.section.radial-bg.small-margin {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.radial-bg.small-mg {
  padding-top: 20px;
}

.section.slanted-section {
  background-color: var(--1);
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section.slanted {
  background-color: var(--1);
  padding-top: 180px;
  padding-bottom: 180px;
  overflow: hidden;
}

.container {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.container.small {
  max-width: 900px;
}

.home-hero-content {
  max-width: 50%;
  margin-right: 40px;
}

.link {
  color: var(--dark-slate-grey);
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: color .5s;
}

.link:hover {
  color: var(--royal-blue);
}

.link.w--current {
  color: var(--light-coral);
}

.link.contact-us {
  display: none;
}

.navigation-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.links {
  align-items: center;
  display: flex;
}

.navigation-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.navbar {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 12px 20px #e6f0ff;
}

.logo {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 82px;
  transition: transform .5s;
}

.logo:hover {
  transform: scale(1.1);
}

.nav-button {
  background-color: var(--royal-blue);
  color: #fff;
  text-transform: capitalize;
  transform-style: preserve-3d;
  border-radius: 50px;
  padding: 15px 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: transform .5s, background-color .5s;
  transform: scale3d(1, 1, 1.01);
}

.nav-button:hover {
  background-color: var(--midnight-blue);
  transform: scale3d(.95, .95, 1.01);
}

.title {
  color: var(--midnight-blue);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Asap, sans-serif;
  font-size: 40px;
  line-height: 45px;
}

.title.hero {
  text-align: left;
  font-size: 60px;
  line-height: 70px;
}

.title.cta {
  color: #fff;
}

.title.center-aligned {
  text-align: center;
}

.title.secondary-hero {
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.title.featured-post-title {
  font-size: 38px;
}

.title.left-aligned {
  text-align: left;
}

.paragraph {
  color: var(--midnight-blue);
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.paragraph.hero-subtitle {
  color: var(--midnight-blue);
  text-align: left;
  margin-bottom: 40px;
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.paragraph.center-aligned {
  text-align: center;
}

.paragraph.home-about {
  margin-bottom: 40px;
}

.paragraph.featured-white {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
}

.paragraph.white {
  color: #fff;
}

.paragraph.footer-credit {
  color: #fff;
  margin-bottom: 0;
}

.paragraph.secondary-hero {
  text-align: center;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 30px;
}

.paragraph.secondary-hero.no-margin {
  margin-bottom: 0;
}

.paragraph.contact, .paragraph.assets {
  text-align: left;
}

.paragraph.form-text {
  color: #fff;
  margin-bottom: 0;
}

.paragraph.about-content {
  margin-bottom: 0;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper.blog-info {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

.primary-button {
  background-color: var(--light-coral);
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  transform-style: preserve-3d;
  border-radius: 50px;
  margin-right: 10px;
  padding: 20px 30px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: transform .5s;
  transform: scale3d(1, 1, 1.01);
}

.primary-button:hover {
  transform: scale3d(.95, .95, 1.01);
}

.primary-button.centered, .primary-button.contact {
  margin-right: 0;
}

.image-wrapper {
  position: relative;
}

.image-wrapper.hero {
  align-self: center;
}

.image-wrapper.featured-image {
  max-width: 500px;
  margin-right: 40px;
}

.image-wrapper.blog-image {
  margin-bottom: 40px;
}

.image-wrapper.author {
  align-items: stretch;
  width: 200px;
  min-width: 200px;
  min-height: 200px;
  max-height: 200px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper.about-image {
  margin-bottom: 20px;
}

.image-wrapper.post-author {
  width: 200px;
  min-width: 200px;
  min-height: 200px;
  max-height: 200px;
  margin-right: 40px;
  display: flex;
  overflow: hidden;
}

.image-wrapper.blog-post-image {
  margin-bottom: 20px;
}

.milestone {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.number {
  color: var(--dark-slate-blue);
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}

.value-title {
  color: var(--dark-slate-blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Asap, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 40px;
}

.bold-text {
  color: var(--dark-slate-blue);
}

.bold-text.red {
  color: var(--light-coral);
}

.bold-text.purple {
  color: var(--blue-violet);
}

.bold-text.gold {
  color: var(--gold);
}

.bold-text.blue {
  color: var(--deep-sky-blue);
}

.divider {
  background-color: var(--lavender);
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}

.divider.blue {
  background-color: var(--royal-blue);
}

.secondary-button {
  color: var(--dark-slate-blue);
  text-align: center;
  text-transform: capitalize;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 50px;
  padding: 20px 30px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: transform .5s;
  transform: scale3d(1, 1, 1.01);
  box-shadow: 0 2px 5px 1px #ececec;
}

.secondary-button:hover {
  transform: scale3d(.95, .95, 1.01);
}

.secondary-button.cta {
  box-shadow: none;
}

.image {
  object-fit: cover;
  position: relative;
}

.image.post-image {
  object-fit: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 100%;
  height: 350px;
  position: static;
}

.image.team-member {
  border-radius: 30px;
  height: 250px;
  max-height: 250px;
  margin-bottom: 20px;
}

.image.contact-icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.image.featured-image {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 380px;
}

.image.blog-image {
  border-radius: 30px;
}

.image.author-image {
  object-fit: cover;
  border-radius: 100px;
  width: 100%;
}

.image.assets {
  object-fit: cover;
  width: 100%;
  height: 200px;
}

.image.feature-image {
  margin-bottom: 20px;
}

.image.special {
  border-radius: 50px;
  width: 100%;
  margin-bottom: 20px;
}

.feature-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-grid.services {
  grid-column-gap: 25px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-grid.pricing {
  grid-column-gap: 20px;
  grid-row-gap: 35px;
}

.feature-grid.faq-grid {
  grid-column-gap: 20px;
  grid-row-gap: 35px;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.feature {
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex;
}

.feature.blue-card {
  background-color: var(--1);
  border-radius: 30px;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
}

.feature.featured-card {
  background-color: var(--2);
  border-radius: 30px;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
}

.small-title {
  color: var(--dark-slate-blue);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Asap, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
}

.small-title.author-name {
  margin-bottom: 20px;
  text-decoration: none;
  transition: color .5s;
  display: inline-block;
}

.small-title.author-name:hover {
  color: var(--light-coral);
}

.small-title.contact {
  text-align: left;
}

.small-title.center-aligned {
  text-align: center;
}

.small-title.post-title {
  margin-bottom: 20px;
}

.small-title.left-aligned {
  text-align: left;
}

.featured-text {
  color: var(--light-coral);
  margin-bottom: 10px;
  font-family: Asap, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.featured-text.center-aligned {
  text-align: center;
}

.featured-text.small {
  margin-bottom: 0;
  font-size: 18px;
}

.featured-text.contact-label {
  text-align: left;
  margin-bottom: 20px;
}

.featured-text.contact {
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  line-height: 30px;
}

.featured-text.credit {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}

.featured-text.author {
  color: var(--royal-blue);
  margin-bottom: 0;
  font-size: 18px;
}

.featured-text.blue-small-title {
  color: var(--royal-blue);
  margin-bottom: 20px;
}

.slanted-bg {
  position: absolute;
  inset: 0% 0% auto;
}

.slanted-bg.top {
  border-bottom: 125px solid var(--1);
  border-left: 100vw solid #fff;
}

.slanted-bg.bottom {
  border-bottom: 125px solid #fff;
  border-left: 100vw solid var(--1);
  inset: auto 0% 0%;
}

.card {
  background-color: var(--1);
  flex-direction: column;
  align-items: center;
  padding: 20px 30px;
}

.card.card-2, .card.card-4, .card.card-6 {
  background-color: var(--2);
}

.testimonials-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.round-image {
  object-fit: cover;
  border-radius: 100px;
  width: 160px;
  height: 160px;
}

.call-to-action {
  background-color: var(--royal-blue);
  border-radius: 50px;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.footer {
  background-color: var(--dark-slate-blue);
  padding-top: 40px;
  padding-bottom: 20px;
}

.footer-links {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-main-content-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.nav-link {
  color: var(--2);
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.nav-link:hover {
  color: #fff;
  text-decoration: underline;
}

.social-icon {
  padding: 10px;
}

.brand-logo {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 90px;
  transition: transform .5s;
}

.brand-logo:hover {
  transform: scale(1.1);
}

.social-wrapper {
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 100px;
  width: 43px;
  height: 43px;
  margin-left: 5px;
  margin-right: 5px;
  transition: transform .5s;
  transform: translate3d(1px, 1px, 1.01px);
  box-shadow: 0 1px 5px #7181ff5c;
}

.social-wrapper:hover {
  transform: translate3d(1px, -4px, 1.01px);
}

.social-wrapper.first-icon {
  margin-left: 0;
}

.footer-title {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Asap, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.footer-navigation-links {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.footer-navigation {
  padding-left: 0;
}

.footer-link-item {
  margin-bottom: 10px;
  display: flex;
}

.footer-about {
  width: 35%;
  margin-right: 40px;
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post {
  background-color: #fff;
  border-radius: 30px;
  min-height: 100%;
  text-decoration: none;
  transition: transform .5s;
  transform: translate(0);
}

.blog-post:hover {
  transform: translate(0, -10px);
}

.blog-post.list-article {
  border: 2px solid var(--2);
  box-shadow: 0 0 19px 2px var(--2);
}

.collection-list-wrapper {
  margin-bottom: 60px;
}

.badge {
  background-color: var(--royal-blue);
  color: #fff;
  border-radius: 50px;
  padding: 15px 20px;
  font-family: Asap, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .5s;
  position: absolute;
  inset: 5% 5% auto auto;
}

.badge:hover {
  background-color: var(--light-coral);
}

.badge.blog {
  text-decoration: none;
  position: relative;
  top: auto;
  right: auto;
}

.button-wrapper {
  justify-content: flex-start;
  display: flex;
}

.contact-form {
  background-color: #fff;
  border-radius: 30px;
  min-height: 700px;
  padding: 40px 30px 20px;
  position: relative;
  box-shadow: -2px 0 15px #e0e4ff;
}

.contact-form.kontakt {
  width: 100%;
  display: block;
}

.contact-grid {
  grid-template-rows: auto auto;
  margin-bottom: 20px;
}

.msg-box {
  border: 1px solid var(--lavender);
  color: var(--midnight-blue);
  border-radius: 20px;
  min-height: 200px;
  margin-bottom: 30px;
  padding: 20px 40px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  transition: border-color .5s;
  box-shadow: 0 0 10px 1px #e0e4ff;
}

.msg-box:hover {
  border-color: var(--light-coral);
}

.success-message {
  background-color: var(--light-coral);
  border-radius: 20px;
  margin-top: 20px;
}

.error-message {
  background-color: var(--light-coral);
  text-align: center;
  border-radius: 20px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-input {
  border: 1px solid var(--lavender);
  color: var(--midnight-blue);
  border-radius: 50px;
  min-height: 70px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  transition: border-color .5s;
  box-shadow: 2px 0 15px #e0e4ff;
}

.text-input:hover {
  border-color: var(--light-coral);
}

.contact-links {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 20px;
}

.contact-link {
  text-decoration: none;
  display: flex;
}

.featured-post {
  border: 2px solid var(--2);
  box-shadow: 0 0 19px 5px var(--2);
  background-color: #fff;
  border-radius: 30px;
  padding: 20px;
  text-decoration: none;
  transition: transform .5s;
  display: flex;
  transform: translate(0);
}

.featured-post:hover {
  transform: translate(0, -10px);
}

.utility-page-wrap {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--2), white 51%);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 500px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-field {
  border: 1px solid var(--lavender);
  color: var(--midnight-blue);
  border-radius: 50px;
  height: 50px;
  margin-bottom: 20px;
  padding: 15px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.license-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog-rich-text {
  color: var(--midnight-blue);
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.author-card {
  border: 1px solid var(--2);
  box-shadow: 0 0 20px 0 var(--2);
  background-color: #fff;
  border-radius: 30px;
  align-items: center;
  padding: 40px 60px;
  display: flex;
}

.empty-state {
  text-align: center;
  background-color: #ddd0;
}

.faq-card {
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 20px 30px;
  display: flex;
}

.credit-wrapper {
  border-top: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.standard-link {
  color: var(--light-coral);
  text-decoration: none;
}

.values-grid {
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.team-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-worker {
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.footer-branding {
  margin-bottom: 20px;
}

.home-hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.centered-buttons-wrapper {
  justify-content: center;
  display: flex;
}

.centered-image-wrapper {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.cta-small-wrapper {
  max-width: 47%;
  margin-right: 60px;
}

.home-hero-image {
  max-width: 550px;
  max-height: 500px;
}

.content-wrapper {
  justify-content: space-between;
  display: flex;
}

.content-wrapper.home-about-top {
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.content-wrapper.home-about-bottom, .content-wrapper.our-story-top {
  align-items: center;
  margin-bottom: 80px;
}

.content-wrapper.our-story-bottom {
  align-items: center;
}

.split-content {
  max-width: 500px;
}

.split-content.about-right {
  max-width: 43%;
  margin-left: 60px;
}

.split-content.about-left {
  max-width: 43%;
  margin-right: 60px;
}

.split-content.contact-left {
  max-width: 550px;
}

.split-content.contact-right {
  align-self: center;
  max-width: 43%;
  margin-left: 60px;
}

.split-content.kontakt {
  flex: 1;
}

.blog-post-info {
  justify-content: space-between;
  display: flex;
}

.blog-post-wrapper {
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.hero-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-wrapper.blog-page {
  margin-bottom: 40px;
}

.contact-hero-wrapper {
  justify-content: space-between;
  display: flex;
}

.featured-article {
  align-self: center;
  max-width: 45%;
}

.assets-wrapper {
  margin-bottom: 60px;
}

.blog-content {
  margin-bottom: 40px;
}

.empty-state-featured-article {
  display: none;
}

.empty-state-articles {
  background-color: #ddd0;
}

.empty-state-text {
  color: var(--midnight-blue);
  text-align: center;
  font-family: Asap, sans-serif;
  font-size: 16px;
}

.footer-text {
  max-width: 600px;
}

.card-content-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.contact-hero-content {
  max-width: 52%;
  margin-right: 40px;
}

.nav-button-wrapper {
  margin-left: 10px;
}

.white-link {
  color: #fff;
  text-decoration: underline;
}

.contact-info {
  background-color: #fff;
  border-radius: 30px;
  padding: 40px 40px 20px;
  box-shadow: -2px 0 15px #e0e4ff;
}

@media screen and (max-width: 991px) {
  .section.hero {
    background-image: radial-gradient(circle at 80% 70%, #f4d7ff9c, #fff0 30%), linear-gradient(136deg, #d0ebff80, #f7fcff);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.slanted {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .home-hero-content {
    max-width: 580px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .menu-icon {
    color: #fff;
  }

  .link:hover {
    background-color: var(--2);
  }

  .link.contact-us {
    display: block;
  }

  .nav-menu {
    background-color: #fff;
  }

  .menu {
    background-color: var(--royal-blue);
    border-radius: 50px;
    transition: background-color .5s;
  }

  .menu:hover {
    background-color: var(--midnight-blue);
  }

  .menu.w--open {
    background-color: var(--light-coral);
    border-radius: 100px;
  }

  .nav-button {
    flex: 0 auto;
    align-items: center;
    display: none;
  }

  .title {
    text-align: center;
  }

  .title.hero {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
  }

  .title.cta {
    text-align: center;
  }

  .title.secondary-hero {
    font-size: 50px;
    line-height: 60px;
  }

  .title.featured-post-title {
    font-size: 36px;
  }

  .paragraph.hero-subtitle, .paragraph.home-about, .paragraph.featured-white, .paragraph.about-content, .paragraph.kontakt {
    text-align: center;
  }

  .wrapper {
    width: 100%;
  }

  .primary-button {
    align-items: center;
  }

  .image-wrapper.featured-image {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image-wrapper.cta {
    margin-bottom: 20px;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .value-title {
    font-size: 34px;
  }

  .image.post-image, .image.featured-image {
    height: 300px;
  }

  .feature-grid.services {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid.pricing {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid.faq-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .small-title.post-title, .small-title.kontakt, .featured-text {
    text-align: center;
  }

  .slanted-bg.top, .slanted-bg.bottom {
    border-bottom-width: 100px;
  }

  .card.card-3 {
    background-color: var(--2);
  }

  .card.card-4 {
    background-color: var(--1);
  }

  .testimonials-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .call-to-action {
    flex-direction: column-reverse;
    align-items: center;
  }

  .footer-navigation-links {
    width: 52%;
  }

  .footer-about {
    margin-right: 0;
  }

  .button-wrapper {
    justify-content: center;
  }

  .featured-post {
    flex-direction: column;
    align-items: center;
  }

  .license-grid {
    grid-template-columns: 1fr 1fr;
  }

  .values-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-hero-wrapper {
    flex-direction: column;
  }

  .cta-small-wrapper {
    max-width: 540px;
    margin-right: 0;
  }

  .content-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .content-wrapper.home-about-bottom, .content-wrapper.our-story-bottom {
    flex-direction: column-reverse;
  }

  .split-content.about-right {
    max-width: 500px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .split-content.about-left {
    max-width: 500px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.contact-left {
    margin-bottom: 60px;
  }

  .split-content.contact-right {
    max-width: 500px;
    margin-left: 0;
  }

  .split-content.kontakt {
    margin-bottom: 40px;
  }

  .contact-hero-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .featured-article {
    max-width: 500px;
  }

  .footer-text {
    max-width: 425px;
  }

  .contact-hero-content {
    max-width: 540px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .nav-button-wrapper {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .branding {
    justify-content: center;
  }

  .title {
    font-size: 38px;
  }

  .title.hero, .title.secondary-hero {
    font-size: 42px;
    line-height: 50px;
  }

  .title.featured-post-title {
    font-size: 32px;
  }

  .paragraph {
    text-align: center;
  }

  .image-wrapper.post-author {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .number {
    font-size: 42px;
  }

  .value-title {
    font-size: 28px;
    line-height: 30px;
  }

  .image.featured-image {
    height: 280px;
  }

  .feature-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .feature-grid.services {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .feature-grid.pricing {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .feature {
    max-width: 550px;
  }

  .feature.blue-card, .feature.featured-card {
    align-items: center;
  }

  .small-title {
    text-align: center;
    font-size: 28px;
  }

  .small-title.author-name {
    text-align: center;
    margin-bottom: 10px;
  }

  .card.card-3 {
    background-color: var(--1);
  }

  .card.card-4 {
    background-color: var(--2);
  }

  .testimonials-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .call-to-action {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-links.centre {
    justify-content: center;
  }

  .footer-main-content-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .social-wrapper.first-icon {
    margin-left: 5px;
  }

  .footer-navigation-links, .footer-about {
    width: 100%;
  }

  .collection-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-form {
    flex: 1;
    align-self: auto;
  }

  .contact-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .utility-page-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .author-card {
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .author-card-content {
    flex-direction: column;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .credit-wrapper {
    flex-direction: column;
    justify-content: center;
  }

  .values-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-branding {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .content-wrapper.contact-us {
    align-items: stretch;
  }

  .split-content.contact-left {
    max-width: none;
  }

  .split-content.kontakt {
    align-self: center;
  }

  .footer-text {
    max-width: none;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .section.hero {
    background-image: radial-gradient(circle at 80% 80%, #f4d7ff9c, #fff0 30%), linear-gradient(136deg, #d0ebff80, #f7fcff);
  }

  .title {
    font-size: 30px;
    line-height: 40px;
  }

  .title.hero, .title.secondary-hero {
    font-size: 38px;
    line-height: 45px;
  }

  .primary-button {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .primary-button.centered {
    margin-bottom: 0;
  }

  .primary-button.contact {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .milestone {
    padding: 0;
  }

  .grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .number {
    font-size: 35px;
  }

  .value-title {
    font-size: 24px;
    line-height: 20px;
  }

  .image.post-image {
    height: 225px;
  }

  .image.team-member {
    height: 200px;
    max-height: 200px;
  }

  .image.featured-image {
    height: 230px;
  }

  .small-title {
    font-size: 26px;
  }

  .featured-text.author {
    margin-right: 10px;
  }

  .social-wrapper {
    margin-bottom: 5px;
  }

  .footer-navigation-links {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .contact-form {
    flex: 1;
    align-self: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .msg-box, .text-input {
    padding-left: 20px;
    padding-right: 20px;
  }

  .license-grid {
    grid-template-columns: 1fr;
  }

  .author-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .values-grid {
    grid-template-columns: 1fr;
  }

  .centered-buttons-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .contact-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-ba8069f1-76a3-097b-6ebb-14670fecc83e-615866d4, #w-node-_4e98830b-e693-20ec-64d0-9e1b702d0a6c-615866d4, #w-node-_21ed84eb-458e-18a3-15fa-79e54d6b800e-615866d4, #w-node-d8278b68-091c-37e3-f2c9-de1f956c1041-615866d4, #w-node-ae9e698f-ea93-1ea8-754d-daaf7924930d-615866df, #w-node-bce837e3-c05b-349b-e1ff-ef0e827c1167-615866e0, #w-node-e67751f9-899d-25ed-e06a-21213d321fdf-615866e1, #w-node-e67751f9-899d-25ed-e06a-21213d321fe5-615866e1, #w-node-e67751f9-899d-25ed-e06a-21213d321feb-615866e1, #w-node-ea8c9d68-d0ce-3e94-8c21-e340935281b9-615866e1, #w-node-bd18f1cb-e0b9-21e3-6bd7-05a2313bbf16-615866e1, #w-node-_6defdae6-8b2c-1d66-4694-ab0241ff8abd-615866e1, #w-node-fa0051d6-a327-349e-77d8-e68e4e9d98b3-615866e2, #w-node-_098186a2-305d-5ca5-9160-1fad22624e7a-615866e2, #w-node-_83f73ca8-bca0-4888-a533-4ca221332494-615866e2, #w-node-_5ddd337e-75db-5cf6-20f5-50820b1977a0-615866e2, #w-node-_5ddd337e-75db-5cf6-20f5-50820b1977a4-615866e2, #w-node-_32bd609d-5225-647a-debb-fb4ac5f7af54-615866e2, #w-node-_6984eb6b-4233-d0c0-6b28-308e0a68eb40-615866e2, #w-node-fb6fb401-8eeb-ce54-9acd-8961d5a42167-615866e2, #w-node-e7f3fb4b-4ddb-91c3-0de1-8c3cb1abe680-615866e2, #w-node-_5b1cc7ae-c248-9a09-0ad7-6da7bc6da7b3-615866e2, #w-node-b0a1441a-034b-eced-c73c-ee63136fa029-615866e3, #w-node-_9491a149-a04f-ef3f-ff46-cdbf03f1cb17-615866e3, #w-node-_9491a149-a04f-ef3f-ff46-cdbf03f1cb1b-615866e3, #w-node-_8cd4aa7f-a5ce-5169-33df-c6edac8ebd88-615866e3, #w-node-_8cd4aa7f-a5ce-5169-33df-c6edac8ebd8c-615866e3, #w-node-_2b237f2f-3f46-6f6d-0dcf-84bccbdde2e3-615866e3, #w-node-_2b237f2f-3f46-6f6d-0dcf-84bccbdde2e7-615866e3, #w-node-cfb84096-fb23-47a3-f1ad-803172a4539f-615866e4, #w-node-cfb84096-fb23-47a3-f1ad-803172a453a3-615866e4, #w-node-cfb84096-fb23-47a3-f1ad-803172a453a7-615866e4, #w-node-_22c686f4-f830-3f2d-e9c8-129349a1be74-615866e5, #w-node-fd0ca958-0986-4c65-36a9-7d443dd2a20d-615866e6, #w-node-_1883556b-ad67-afbd-b9ea-ffebaa18090c-615866e9, #w-node-_2cfe273e-4d90-033a-2511-4fe9f3bec364-615866e9, #w-node-_266dce0d-099c-1f0d-3eaf-f0ad2dd959c1-615866e9, #w-node-_18ac41ac-a04c-65b3-fee4-08e2c0279427-615866e9, #w-node-_70953ac2-0ade-3eb6-6864-f1816e0798b3-615866e9, #w-node-a9e728a1-471a-100c-0a09-09f150a187bb-615866e9, #w-node-e7acd312-e320-36c0-5f4d-7ee9d1024def-615866e9, #w-node-_60f3eb14-33c9-d9e9-6b87-31794d7cb09f-615866e9, #w-node-aad0df35-0343-3102-0b13-d915fbbdfa08-615866e9, #w-node-_02efa5e2-82a6-8d7a-a744-8d78038e6ae0-615866e9, #w-node-e7ee3203-616b-bd58-0123-c4a65009fca5-615866e9, #w-node-f76db630-8630-436d-abec-e9ceb8ebff82-615866e9, #w-node-_5fdac079-5007-6054-8c3b-c66bfbb889ac-615866e9, #w-node-a883aa13-95aa-0df4-84aa-747f8f727cae-615866e9, #w-node-ea7ff8fb-418a-7696-9e6e-f85247bb0284-615866e9, #w-node-b1df10d7-fa23-bca8-0100-9b48b4d53d28-615866e9, #w-node-b1df10d7-fa23-bca8-0100-9b48b4d53d29-615866e9, #w-node-b1df10d7-fa23-bca8-0100-9b48b4d53d27-615866e9, #w-node-_94a213de-aa16-5c5d-738e-4ad2b7c1c8d5-ec6681f0, #w-node-_92f64394-f976-c2fd-ba8f-9b41cac9d0ba-ec6681f0, #w-node-_060bb3ed-2d01-3c99-88d9-cd4ebf09faac-ec6681f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-bce837e3-c05b-349b-e1ff-ef0e827c1167-615866e0 {
    place-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5ddd337e-75db-5cf6-20f5-50820b1977a0-615866e2, #w-node-_9491a149-a04f-ef3f-ff46-cdbf03f1cb17-615866e3, #w-node-_8cd4aa7f-a5ce-5169-33df-c6edac8ebd88-615866e3, #w-node-_2b237f2f-3f46-6f6d-0dcf-84bccbdde2e3-615866e3 {
    place-self: auto;
  }

  #w-node-fd0ca958-0986-4c65-36a9-7d443dd2a20d-615866e6 {
    justify-self: auto;
  }
}


