.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;
}

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-content-wrap {
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.styleguide-header-wrap {
  height: 460px;
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-jumbo {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-speaking-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.label.cc-about-light, .paragraph-light {
  opacity: .6;
}

.paragraph-light.cc-position-name {
  margin-bottom: 5px;
}

.section {
  margin-left: 30px;
  margin-right: 30px;
}

.section.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.logo-link {
  z-index: 1;
  margin-left: -129px;
  padding-left: 0;
  left: 159px;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.w--current {
  margin-left: -182px;
  padding-left: 0;
  padding-right: 0;
  left: 213px;
}

.navigation-item {
  opacity: .6;
  color: #197910;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Karla, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Karla, sans-serif;
  font-weight: 400;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-right: -31px;
  padding: 0 127px 0 99px;
  display: flex;
  overflow: hidden;
}

.navigation {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 0 50px;
  display: flex;
}

.logo-image {
  display: block;
  position: relative;
  top: 2px;
  left: 9px;
}

.navigation-wrap {
  align-items: center;
  margin-right: -79px;
  display: flex;
}

.intro-wrap {
  margin-top: 100px;
  margin-bottom: 140px;
}

.name-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.position-name-text {
  text-transform: none;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.work-description {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.work-experience-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
  margin-bottom: 140px;
}

.works-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . ."
                 ". . ."
                 / 1.5fr 1fr 1.5fr;
  margin-bottom: 80px;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.work-image {
  height: 460px;
  text-align: center;
  background-color: #f4f4f4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.work-image:hover {
  opacity: .8;
}

.work-image:active {
  opacity: .7;
}

.work-image.cc-work-1 {
  background-image: url('../images/portfolio-1---wide.svg');
  background-size: cover;
}

.work-image.cc-work-2 {
  background-image: url('../images/portfolio-2---wide.svg');
  background-size: cover;
}

.work-image.cc-work-4 {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.work-image.cc-work-3 {
  background-image: url('../images/portfolio-4---wide.svg');
  background-size: cover;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact {
  padding-top: 80px;
  padding-bottom: 90px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 40px 50px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.footer-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.about-intro-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
}

.hi-there-heading {
  margin-top: 10px;
  margin-bottom: 20px;
}

.service-name-text {
  opacity: .6;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
}

.skillset-wrap {
  padding-right: 60px;
}

.reference-link {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
  text-decoration: none;
}

.reference-link:hover {
  opacity: 1;
}

.reference-link:active {
  opacity: .9;
}

.featured-item-wrap {
  margin-bottom: 25px;
}

.services-items-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  padding-top: 10px;
}

.skills-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr;
  margin-bottom: 140px;
}

.personal-features-grid {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  margin-bottom: 110px;
}

.speaking-text {
  margin-right: 8px;
  display: inline-block;
}

.speaking-text.cc-past-speaking {
  opacity: .6;
}

.speaking-detail {
  opacity: .6;
  display: inline-block;
}

.upcoming-wrap {
  margin-bottom: 40px;
}

.social-media-heading {
  margin-bottom: 60px;
}

.social-media-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . .";
  margin-bottom: 30px;
}

.project-overview-grid {
  grid-column-gap: 50px;
  grid-row-gap: 100px;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  margin-top: 120px;
  margin-bottom: 135px;
}

.detail-header-image {
  width: 100%;
}

.project-description-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2.5fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.email-section {
  width: 70%;
  text-align: center;
  margin: 140px auto 200px;
}

.email-link {
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 88px;
  text-decoration: none;
}

.email-link:hover {
  opacity: .8;
}

.email-link:active {
  opacity: .7;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-wrap {
  width: 100%;
  height: 100%;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.nav-link {
  padding-right: 0;
}

.image {
  width: 224px;
  position: relative;
  top: 5px;
  left: 164px;
}

.body {
  overflow: visible;
}

.image-2 {
  width: 901px;
  position: relative;
  top: 180px;
  left: 213px;
  overflow: hidden;
}

.text-block {
  width: 600px;
  height: 169px;
  text-align: center;
  position: relative;
  top: 253px;
  left: 363px;
  overflow: hidden;
}

.link {
  width: 400px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-weight: 400;
  position: relative;
  top: 364px;
  left: 457px;
  overflow: hidden;
}

.text-block-2 {
  width: 400px;
  font-size: 40px;
}

.text-block-3 {
  width: 400px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 45px;
  line-height: 60px;
  position: relative;
  top: 477px;
  left: 447px;
  overflow: hidden;
}

.image-3 {
  width: 350px;
  height: 350px;
  position: relative;
  top: 715px;
  left: 43px;
  overflow: hidden;
}

.image-4 {
  width: 350px;
  height: 350px;
  position: relative;
  top: 363px;
  left: 467px;
  overflow: hidden;
}

.image-5 {
  width: 350px;
  height: 350px;
  position: relative;
  top: 13px;
  left: 900px;
  overflow: hidden;
}

.button-2 {
  width: 152px;
  height: 46px;
  text-align: center;
  background-color: #428a3c;
  font-family: Karla, sans-serif;
  font-size: 22px;
  position: relative;
  top: 103px;
  left: 137px;
  overflow: hidden;
}

.button-3 {
  width: 152px;
  height: 46px;
  text-align: center;
  background-color: #428a3c;
  font-family: Karla, sans-serif;
  font-size: 22px;
  position: relative;
  top: 103px;
  left: 406px;
  overflow: hidden;
}

.button-4 {
  width: 152px;
  height: 46px;
  background-color: #428a3c;
  font-size: 22px;
  position: relative;
  top: 100px;
  left: 697px;
  overflow: hidden;
}

.div-block-5 {
  width: 1440px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 251px;
  left: 104px;
  overflow: hidden;
}

.about-head-pic {
  width: 800px;
  height: 320px;
  background-image: url('../images/Earthlink-Primary-Logo.jpg');
  background-position: 50% 0;
  background-size: cover;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 241px;
  left: 0;
}

.label-2 {
  opacity: .6;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  position: static;
}

.label-2.cc-subheadline {
  width: 120px;
  margin-left: 15px;
  margin-right: 15px;
  font-family: Karla, sans-serif;
  position: relative;
  top: 203px;
  bottom: 96px;
  left: 577px;
}

.label-2.cc-contact-form-label {
  margin-bottom: 10px;
  position: relative;
  top: 16px;
}

.text-block-13 {
  width: 658px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 28px;
  line-height: 40px;
  position: relative;
  top: 238px;
  left: 314px;
}

.parallax-section-2 {
  height: 340px;
  background-image: url('../images/Untitled-2-01.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.parallax-section-2.cc-about-parallax {
  background-image: url('../images/brooke-lark-230509-unsplash.jpg');
  background-size: cover;
  margin-top: 83px;
  margin-bottom: 139px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 386px;
}

.text-block-14 {
  width: 673px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 21px;
  position: relative;
  top: 334px;
  left: 319px;
}

.image-7 {
  width: 250px;
  position: relative;
  top: 241px;
  left: 154px;
}

.image-8 {
  width: 250px;
  position: relative;
  top: 204px;
  left: 458px;
}

.image-9 {
  width: 250px;
  position: relative;
  top: -11px;
  left: 532px;
}

.image-10 {
  width: 250px;
  position: relative;
  top: -263px;
  left: 918px;
}

.image-11 {
  width: 250px;
  position: relative;
  top: -70px;
  left: 148px;
}

.image-12 {
  width: 250px;
  position: relative;
  top: -319px;
  left: 531px;
}

.image-13 {
  width: 250px;
  position: relative;
  top: -566px;
  left: 927px;
}

.image-6 {
  width: 500px;
  height: 133px;
  position: relative;
  top: 141px;
  left: 408px;
}

.link-block-2 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -1256px;
  left: 154px;
}

.link-block-3 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -1263px;
  left: 284px;
}

.link-block-4 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -1262px;
  left: 421px;
}

.link-block-5 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -819px;
  left: -602px;
}

.link-block-6 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -811px;
  left: -66px;
}

.link-block-7 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -1001px;
  left: 971px;
}

.div-block-3 {
  width: 1440px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: -537px;
  left: 103px;
  overflow: auto;
}

.image-14 {
  width: 740px;
  text-align: center;
  position: relative;
  top: 97px;
  left: 319px;
}

.image-15 {
  width: 460px;
  height: 460px;
  position: relative;
  top: 214px;
  left: 427px;
}

.text-block-15 {
  width: 600px;
  height: 500px;
  text-align: left;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  top: -254px;
  left: 1021px;
}

.text-block-4 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
  top: -389px;
  left: 1023px;
}

.div-block-4 {
  width: 1500px;
  height: 460px;
  background-color: #1d1f2e;
  position: absolute;
  top: 1087.67px;
  left: -115px;
}

.image-17 {
  height: 459px;
  position: relative;
}

.text-block-11 {
  width: 400px;
  color: #fff;
  font-family: Karla, sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
  position: relative;
  top: -364px;
  left: 901px;
}

.text-block-12 {
  width: 400px;
  color: #fff;
  font-family: Karla, sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
  position: relative;
  top: -321px;
  left: 896px;
}

.section-7 {
  height: 417px;
  margin-top: 87px;
  position: relative;
  top: 317px;
}

.link-block-8 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -845px;
  left: 418px;
}

.link-block-9 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -845px;
  left: 604px;
}

.heading-13 {
  width: 300px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  top: -861px;
  left: 826px;
}

.heading-14 {
  width: 300px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  top: -462px;
  left: 1223px;
}

.heading-12 {
  width: 250px;
  font-family: Karla, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  top: -814px;
  left: 459px;
}

.image-20 {
  width: 250px;
  position: relative;
  top: -250px;
  left: 418px;
}

.link-block-10 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -844px;
  left: 747px;
}

.image-19 {
  width: 250px;
  position: relative;
  top: -498px;
  left: 1245px;
}

.image-18 {
  width: 250px;
  position: relative;
  left: 854px;
}

.div-block-6 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 242px;
  left: 103px;
}

.image-21 {
  width: 740px;
  text-align: center;
  position: relative;
  top: 77px;
  left: 341px;
}

.section-6 {
  height: 1200px;
  position: relative;
  top: 194px;
  left: -209px;
}

.image-22 {
  width: 460px;
  height: 460px;
  position: relative;
  left: 349px;
}

.text-block-16 {
  width: 600px;
  height: 500px;
  text-align: left;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  top: -463px;
  left: 856px;
}

.text-block-5 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  top: -690px;
  left: 685px;
}

.section-8 {
  height: 417px;
  margin-top: 87px;
  position: relative;
  top: 1px;
  left: -319px;
}

.section-9 {
  height: 1200px;
  position: relative;
  top: 156px;
  left: -243px;
}

.text-block-17 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
  top: -677px;
  left: 677px;
}

.section-10 {
  height: 417px;
  margin-top: 87px;
  position: relative;
  top: 18px;
  left: -307px;
}

.div-block-7 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 199px;
  left: -28px;
}

.image-23 {
  width: 686px;
  text-align: center;
  position: relative;
  top: 117px;
  left: 361px;
}

.section-11 {
  height: 1200px;
  position: relative;
  top: 207px;
  left: -243px;
}

.text-block-6 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  top: -619px;
  left: 627px;
}

.link-block-11 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -692px;
  left: 449px;
}

.heading-15 {
  width: 350px;
  font-family: Karla, sans-serif;
  font-size: 26px;
  line-height: 30px;
  position: relative;
  top: -654px;
  left: 451px;
}

.heading-16 {
  width: 350px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 26px;
  line-height: 30px;
  position: relative;
  top: -689px;
  left: 804px;
}

.link-block-12 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -694px;
  left: 608px;
}

.link-block-13 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -691px;
  left: 757px;
}

.heading-17 {
  width: 350px;
  font-family: Karla, sans-serif;
  font-size: 26px;
  line-height: 30px;
  position: relative;
  top: -751px;
  left: 1239px;
}

.section-12 {
  height: 417px;
  position: relative;
  top: 143px;
  left: -316px;
}

.image-24 {
  position: relative;
  top: 57px;
  left: 451px;
}

.image-25 {
  width: 250px;
  position: relative;
  top: -440px;
  left: 1254px;
}

.image-26 {
  position: relative;
  top: -194px;
  left: 856px;
}

.div-block-8 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 339px;
  left: -45px;
}

.image-27 {
  width: 877px;
  text-align: center;
  position: relative;
  top: 86px;
  left: 244px;
}

.section-13 {
  height: 1200px;
  position: relative;
  top: 183px;
  left: -254px;
}

.text-block-7 {
  width: 600px;
  height: 112px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  top: -581px;
  left: 672px;
}

.div-block-9 {
  width: 1500px;
  height: 460px;
  background-color: #1d1f2e;
  position: absolute;
  top: 1202.67px;
  left: -92px;
}

.image-28 {
  height: 459px;
}

.section-14 {
  height: 417px;
  position: relative;
  top: 271px;
  left: -325px;
}

.div-block-10 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 420px;
  left: 79px;
}

.image-29 {
  width: 740px;
  text-align: center;
  position: relative;
  top: 70px;
  left: 375px;
}

.section-15 {
  height: 1200px;
  position: relative;
  top: 121px;
  left: -221px;
}

.text-block-8 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  top: -684px;
  left: 663px;
}

.section-16 {
  height: 417px;
  margin-top: 87px;
  position: relative;
  top: 124px;
  left: -297px;
}

.div-block-11 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: 223px;
  left: -132px;
}

.image-30 {
  width: 647px;
  text-align: center;
  position: relative;
  top: 83px;
  left: 371px;
}

.section-17 {
  height: 1200px;
  position: relative;
  top: 174px;
  left: -261px;
}

.text-block-10 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  top: -511px;
  left: 658px;
}

.section-18 {
  height: 417px;
  margin-top: 87px;
  position: relative;
  top: 134px;
  left: -296px;
}

.div-block-12 {
  width: 1500px;
  height: 400px;
  background-color: #428a3c;
  position: relative;
  top: -652px;
  left: 234px;
}

.text-block-18 {
  position: relative;
  top: 242px;
}

.text-block-19 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  position: relative;
  top: 296px;
  left: 346px;
}

.text-block-20 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 32px;
  position: relative;
  top: 345px;
  left: 349px;
}

.text-block-21 {
  width: 600px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 21px;
  position: relative;
  top: 413px;
  left: 354px;
}

.text-block-22 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  font-weight: 400;
  position: relative;
  top: 547px;
  left: 343px;
}

.text-block-23 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-size: 32px;
  position: relative;
  top: 495px;
  left: 346px;
}

.text-block-24 {
  width: 600px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 21px;
  position: relative;
  top: 552px;
  left: 342px;
}

.text-block-25 {
  width: 500px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  font-weight: 400;
  position: relative;
  top: 925px;
  left: 384px;
}

.text-block-26 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 32px;
  position: relative;
  top: 960px;
  left: 320px;
}

.text-block-27 {
  width: 600px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 21px;
  position: relative;
  top: 1038px;
  left: 335px;
}

.image-31 {
  width: 68px;
  position: relative;
  top: -12px;
  left: 614px;
}

.image-32 {
  width: 68px;
  position: relative;
  top: 434px;
  left: 609px;
}

.text-block-28 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-family: Karla, sans-serif;
  position: relative;
  top: 1085px;
  left: 352px;
}

.text-block-29 {
  width: 600px;
  color: #167a2c;
  text-align: center;
  font-size: 32px;
  position: relative;
  top: 1032px;
  left: 349px;
}

.text-block-30 {
  width: 600px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 21px;
  position: relative;
  top: 1222px;
  left: 358px;
}

.image-33 {
  position: relative;
  top: 724px;
  left: 617px;
}

.image-34 {
  position: relative;
  top: 1098px;
  left: 626px;
}

.newsletter-success-icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.newsletter-success-text {
  text-align: left;
  line-height: 24px;
  display: inline-block;
}

.wrap-2 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.wrap-2.cc-subscribe-form {
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -33px;
  display: flex;
  position: relative;
  top: -17px;
  left: 115px;
}

.footer-subheadline {
  justify-content: center;
  align-items: center;
  display: flex;
}

.subscribe-headline-2 {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 50px;
}

.subscribe-wrap-5 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: -4px;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 1195px;
  left: 7px;
}

.form-block {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.error-message {
  color: #fff;
  background-color: #a25f4b;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.white-button-2 {
  z-index: 50;
  color: #1d1f2e;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom-style: none;
  border-radius: 0;
  justify-content: center;
  margin-left: 133px;
  padding: 18px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .4s, opacity .4s, box-shadow .4s;
  display: inline-block;
  position: relative;
  bottom: 2px;
  left: -117px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(29, 31, 46, .1);
}

.white-button-2:hover {
  opacity: .96;
  color: #161724;
  background-color: #fafafa;
  box-shadow: 0 3px 8px rgba(29, 31, 46, .15);
}

.text-field-dark {
  width: auto;
  height: 54px;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2f303e;
  border-radius: 0;
  margin-bottom: 0;
  padding: 18px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.text-field-dark.cc-subscribe-input {
  width: 400px;
  text-align: left;
  margin-right: 10px;
  transition: border .4s;
}

.text-field-dark.cc-subscribe-input:hover {
  border-color: rgba(255, 255, 255, .5);
}

.text-field-dark.cc-subscribe-input:active {
  border-color: rgba(255, 255, 255, .6);
}

.text-field-dark.cc-subscribe-input:focus {
  border-color: rgba(255, 255, 255, .5);
}

.text-field-dark.cc-subscribe-input {
  width: 420px;
  text-align: left;
  margin-right: 10px;
  transition: border .4s;
}

.text-field-dark.cc-subscribe-input:hover {
  border-color: rgba(255, 255, 255, .5);
}

.text-field-dark.cc-subscribe-input:active {
  border-color: rgba(255, 255, 255, .6);
}

.text-field-dark.cc-subscribe-input:focus {
  border-color: rgba(255, 255, 255, .5);
}

.subscribe-form-deco-line {
  width: 30px;
  height: 1px;
  background-color: rgba(210, 210, 213, .1);
  display: inline-block;
}

.form-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  left: 59px;
}

.success-message-wrap {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.subscribe-wrap-6 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: -104px;
  left: 7px;
}

.logo-image-4 {
  margin-top: 0;
  margin-bottom: -24px;
  position: relative;
  top: -6px;
}

.logo-image-4.cc-footer-logo {
  position: relative;
  top: 26px;
  left: 113px;
}

.footer-email-link-7 {
  color: #1d1f2e;
  align-self: auto;
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  position: relative;
  top: -54px;
  left: 15px;
}

.footer-email-link-7:hover {
  color: #a25f4b;
}

.footer-link-7 {
  color: rgba(29, 31, 46, .7);
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.footer-link-7:hover {
  color: #a25f4b;
}

.footer-grid-column-3 {
  flex-direction: column;
  align-self: end;
  display: flex;
}

.small-paragraph-3 {
  width: 293.333px;
  height: 38px;
  align-self: auto;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  top: 58px;
  left: 13px;
}

.small-paragraph-3.cc-copyright-footer {
  color: rgba(29, 31, 46, .3);
  align-self: end;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  top: 11px;
}

.small-paragraph-3.cc-copyright-footer:hover {
  color: #a25f4b;
  align-self: end;
}

.small-paragraph-3.cc-copyright-footer {
  color: rgba(29, 31, 46, .3);
  align-self: end;
  margin-bottom: 10px;
  position: relative;
  top: 36px;
}

.small-paragraph-3.cc-copyright-footer:hover {
  color: #a25f4b;
  align-self: end;
}

.footer-6 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 250px;
  margin-left: -62px;
  padding-bottom: 148px;
  position: relative;
  top: 830px;
  left: 248px;
  overflow: visible;
}

.footer-7 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: -402px;
  margin-bottom: 100px;
  position: relative;
  top: -835px;
  left: 472px;
}

.footer-8 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 30px;
  margin-bottom: 361px;
  padding-top: 0;
  padding-bottom: 4px;
  position: relative;
  top: 659px;
  left: 173px;
}

.footer-9 {
  width: 940px;
  height: 212.867px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 12px;
  margin-bottom: 523px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 370px;
  left: 194px;
}

.subscribe-wrap-7 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 0 100px;
  display: flex;
  position: relative;
  top: -861px;
}

.footer-10 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 50px;
  margin-bottom: 565px;
  padding-top: 0;
  padding-bottom: 137px;
  position: relative;
  top: 1312px;
  left: 241px;
}

.subscribe-wrap-8 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 34px;
}

.subscribe-wrap-9 {
  height: 400px;
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 446px;
  left: 15px;
}

.subscribe-wrap-10 {
  width: 1346px;
  height: 400px;
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: -407px;
  overflow: hidden;
}

.subscribe-wrap-11 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: -569px;
}

.subscribe-wrap-12 {
  width: 1440px;
  height: 400px;
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 87px 100px 0;
  display: flex;
  position: relative;
  top: -429px;
}

.footer-11 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 27px;
  margin-bottom: -1022px;
  position: relative;
  top: -461px;
  left: 187px;
  overflow: visible;
}

.body-2 {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Karla, sans-serif;
  overflow: visible;
}

.footer-12 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 27px;
  margin-bottom: 100px;
  position: relative;
  top: 955px;
  left: 243px;
}

.subscribe-wrap-13 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: -631px;
}

.subscribe-wrap-14 {
  height: 450px;
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px 97px;
  display: flex;
  position: relative;
  top: 245px;
  left: -1px;
}

.subscribe-wrap-15 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
}

.footer-13 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 27px;
  margin-bottom: 100px;
  padding-bottom: 194px;
  position: relative;
  top: 374px;
  left: 222px;
}

.footer-14 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 27px;
  margin-bottom: 100px;
  padding-bottom: 156px;
  position: relative;
  top: 664px;
  left: 178px;
}

.footer-15 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 27px;
  margin-bottom: 0;
  padding-bottom: 100px;
  position: relative;
  top: 400px;
  left: 208px;
}

.heading-18 {
  width: 250px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 22px;
  position: relative;
  top: -765px;
  left: 149px;
}

.heading-19 {
  width: 250px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 22px;
  position: relative;
  top: -1120px;
  left: 531px;
}

.heading-20 {
  width: 250px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Karla, sans-serif;
  font-size: 22px;
  position: relative;
  top: -1037px;
  left: 946px;
}

.heading-21 {
  width: 400px;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  position: relative;
  top: -362px;
  left: 73px;
}

.heading-22 {
  width: 400px;
  text-align: center;
  font-family: Karla, sans-serif;
  font-size: 22px;
  line-height: 45px;
  position: relative;
  top: -485px;
  left: 465px;
}

.heading-23 {
  width: 300px;
  font-size: 22px;
}

.heading-24 {
  width: 200px;
  font-size: 22px;
  line-height: 30px;
  position: relative;
  top: -734px;
  left: 977px;
}

.body-3 {
  overflow: visible;
}

.image-35 {
  margin-bottom: -84px;
  position: relative;
  top: 125px;
  left: 431px;
}

.link-3 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 27px;
  font-weight: 300;
  line-height: 33px;
  position: relative;
  top: 149px;
  left: 375px;
}

.link-5 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 258px;
  left: 203px;
}

.link-6 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 308px;
  left: 203px;
}

.link-8 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 350px;
  left: 203px;
}

.link-10 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 395px;
  left: 203px;
}

.link-11 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 443px;
  left: 200px;
}

.link-14 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: 498px;
  left: 198px;
}

.link-16 {
  width: 600px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: -82px;
  left: 203px;
}

.link-17 {
  width: 650px;
  font-size: 21px;
  line-height: 30px;
  position: relative;
  top: -32px;
  left: 203px;
}

.container-2 {
  height: 1076px;
  margin-bottom: 0;
  padding-bottom: 617px;
  position: relative;
  top: 204px;
}

.heading-25 {
  width: 400px;
  height: 100px;
  font-family: Karla, sans-serif;
  font-size: 66px;
  position: relative;
  top: 146px;
  left: 468px;
}

.text-block-31 {
  width: 600px;
  font-family: Karla, sans-serif;
  font-size: 26px;
  font-weight: 300;
  position: relative;
  top: 184px;
  left: 402px;
}

.text-block-32 {
  width: 400px;
  text-align: center;
  position: relative;
  top: 344px;
  left: 465px;
}

.image-36 {
  width: 562px;
  position: relative;
  top: 276px;
  left: 378px;
}

.dark-button {
  z-index: 50;
  box-shadow: none;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #428a3c;
  border-radius: 0;
  justify-content: center;
  padding: 18px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .4s, opacity .4s, box-shadow .4s;
  display: inline-block;
  position: relative;
}

.dark-button:hover {
  opacity: .96;
  color: #fff;
  background-color: #2f3247;
  box-shadow: 0 3px 8px rgba(29, 31, 46, .15);
}

.contact-form-link {
  color: #1d1f2e;
  font-size: 18px;
  line-height: 30px;
}

.contact-form-link:hover {
  color: #a25f4b;
}

.contact-form-info {
  margin-bottom: 40px;
  position: relative;
}

.contact-form-wrap-2 {
  z-index: 10;
  width: 1122px;
  background-color: rgba(255, 255, 255, .27);
  border: 1px solid rgba(210, 210, 213, .5);
  align-items: stretch;
  padding: 60px;
  display: flex;
  position: relative;
  top: 334px;
  left: 94px;
}

.message-form {
  margin-bottom: 0;
}

.office-headline {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 30px;
  position: relative;
  top: 22px;
}

.text-field-2 {
  height: 54px;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #e5e5e7;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 18px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transition: border .4s, color .4s;
  display: block;
}

.text-field-2:hover {
  border-color: rgba(29, 31, 46, .5);
}

.text-field-2:active, .text-field-2:focus {
  border-color: #1d1f2e;
}

.text-field-2::-ms-input-placeholder {
  color: rgba(29, 31, 46, .3);
}

.text-field-2::placeholder {
  color: rgba(29, 31, 46, .3);
}

.text-field-2.cc-textarea {
  height: 100px;
}

.contact-form-headline {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 30px;
}

.form-wrap {
  width: 199%;
  border-right: 1px solid rgba(210, 210, 213, .3);
  flex-direction: column;
  align-items: stretch;
  margin-right: 13px;
  padding-right: 0;
}

.contact-form-success-message {
  background-color: #fafafa;
  border: 1px solid #ececed;
}

.contact-form-success-icon {
  margin-top: 0;
  margin-bottom: 10px;
}

.contact-form-2 {
  width: 500px;
}

.background-video {
  width: 1346px;
  height: 500px;
}

.map {
  width: 1346px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  top: 462px;
}

.link-block-14 {
  width: 250px;
  height: 250px;
  position: relative;
  top: -1096px;
  left: 525px;
  overflow: auto;
}

.section-19 {
  height: 345px;
  background-image: url('../images/IMG-20230228-WA0009.jpg');
  background-position: 0 0;
  background-size: auto;
  position: relative;
  top: 155px;
}

.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: 240px;
  left: 44px;
}

.wrap.cc-subscribe-form {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
}

.subscribe-wrap {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 693px;
}

.form {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  left: 59px;
}

.white-button {
  z-index: 50;
  color: #1d1f2e;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom-style: none;
  border-radius: 0;
  justify-content: center;
  margin-left: 133px;
  padding: 18px 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .4s, opacity .4s, box-shadow .4s;
  display: inline-block;
  position: relative;
  bottom: 2px;
  left: -117px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(29, 31, 46, .1);
}

.white-button:hover {
  opacity: .96;
  color: #161724;
  background-color: #fafafa;
  box-shadow: 0 3px 8px rgba(29, 31, 46, .15);
}

.subscribe-headline {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 50px;
}

.subscribe-wrap-16 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 609px;
}

.footer-email-link-8 {
  color: #1d1f2e;
  align-self: auto;
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  position: relative;
  top: -54px;
  left: 15px;
}

.footer-email-link-8:hover {
  color: #a25f4b;
}

.footer-link-8 {
  color: rgba(29, 31, 46, .7);
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.footer-link-8:hover {
  color: #a25f4b;
}

.footer-16 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  top: 620px;
  left: 167px;
}

.subscribe-wrap-17 {
  max-width: 1440px;
  min-width: 880px;
  color: #fff;
  text-align: center;
  background-color: #428a3c;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 100px 85px;
  display: flex;
  position: relative;
  top: 868px;
}

.footer-email-link-9 {
  color: #1d1f2e;
  align-self: auto;
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  position: relative;
  top: -54px;
  left: 15px;
}

.footer-email-link-9:hover {
  color: #a25f4b;
}

.footer-link-9 {
  color: rgba(29, 31, 46, .7);
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.footer-link-9:hover {
  color: #a25f4b;
}

.footer-17 {
  width: 940px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  background-image: url('../images/Earthlink-Font.png');
  background-position: 21px 88px;
  background-repeat: no-repeat;
  background-size: auto 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  align-items: start;
  justify-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  top: 867px;
  left: 177px;
}

.image-37 {
  width: 720px;
  height: 150px;
  position: relative;
  top: 138px;
  left: 293px;
}

.image-38 {
  width: 500px;
  position: relative;
  top: 105px;
  left: 413px;
}

.link-block-15 {
  width: 600px;
  position: relative;
  top: 159px;
  left: 479px;
}

.section-20 {
  width: 1279px;
  height: 75px;
  background-color: #1cb426;
}

.section-21 {
  position: relative;
  top: -441px;
  left: 3px;
}

.section-22 {
  width: 909px;
  position: relative;
  top: 143px;
  left: 214px;
}

.link-18 {
  width: 378px;
  color: #1f7c26;
  text-align: center;
  font-size: 24px;
  position: relative;
  top: 103px;
  left: 494px;
}

.link-25, .link-26, .link-27, .link-28, .link-29, .link-30, .link-31, .link-32, .link-33, .link-34 {
  text-align: center;
  margin-bottom: 54px;
}

.link-35 {
  text-align: center;
}

.image-39 {
  width: 597px;
  position: relative;
  top: -393px;
  left: 117px;
}

.image-40 {
  width: 100px;
  position: relative;
  top: -293px;
  left: 583px;
}

.image-41 {
  width: 1038px;
  position: relative;
  top: 43px;
  left: 132px;
}

.text-block-33 {
  position: relative;
  top: 138px;
  left: 266px;
}

.image-42 {
  width: 51px;
  position: relative;
  top: 172px;
  left: 203px;
}

@media screen and (min-width: 1280px) {
  .image {
    top: 7px;
    left: 164px;
  }

  .image-2 {
    left: 418px;
  }

  .text-block {
    left: 561px;
  }

  .link {
    left: 654px;
  }

  .text-block-3 {
    left: 649px;
  }

  .image-3 {
    left: 182px;
  }

  .image-4 {
    left: 671px;
  }

  .image-5 {
    left: 1150px;
  }

  .button-2 {
    top: 72px;
    left: 277px;
  }

  .button-3 {
    top: 77px;
    left: 623px;
  }

  .button-4 {
    top: 80px;
    left: 963px;
  }

  .about-head-pic {
    left: 0;
  }

  .label-2.cc-subheadline {
    left: 761px;
  }

  .text-block-13 {
    left: 509px;
  }

  .text-block-14 {
    left: 506px;
  }

  .image-7 {
    top: 328px;
    left: 256px;
  }

  .image-9 {
    top: 74px;
    left: 724px;
  }

  .image-10 {
    top: -173px;
    left: 1161px;
  }

  .image-11 {
    top: -32px;
    left: 254px;
  }

  .image-12 {
    top: -287px;
    left: 724px;
  }

  .image-13 {
    top: -533px;
    left: 1179px;
  }

  .image-6 {
    left: 609px;
  }

  .link-block-2 {
    top: -1173px;
    left: 259px;
  }

  .link-block-3 {
    top: -1168px;
    left: 479px;
  }

  .link-block-4 {
    top: -1165px;
    left: 677px;
  }

  .link-block-5 {
    top: -737px;
    left: -27px;
  }

  .link-block-6 {
    top: -734px;
    left: 177px;
  }

  .link-block-7 {
    top: 0;
    left: 945px;
  }

  .image-14 {
    top: 144px;
    left: 490px;
  }

  .div-block-4 {
    left: 86px;
  }

  .image-21 {
    left: 521px;
  }

  .section-6 {
    left: -59px;
  }

  .image-22 {
    top: 99px;
    left: 369px;
  }

  .text-block-16 {
    top: -370px;
    left: 919px;
  }

  .text-block-5 {
    top: -616px;
    left: 866px;
  }

  .section-8 {
    left: -141px;
  }

  .section-9 {
    left: -16px;
  }

  .text-block-17 {
    top: -605px;
    left: 856px;
  }

  .section-10 {
    left: -106px;
  }

  .image-23 {
    left: 525px;
  }

  .section-11 {
    left: -42px;
  }

  .text-block-6 {
    top: -610px;
    left: 876px;
  }

  .section-12 {
    left: -129px;
  }

  .image-27 {
    top: 158px;
    left: 392px;
  }

  .section-13 {
    left: -48px;
  }

  .text-block-7 {
    top: -496px;
    left: 828px;
  }

  .div-block-9 {
    left: 78px;
  }

  .section-14 {
    left: -148px;
  }

  .image-29 {
    left: 467px;
  }

  .section-15 {
    left: -13px;
  }

  .text-block-8 {
    left: 854px;
  }

  .section-16 {
    left: -133px;
  }

  .text-block-19 {
    left: 549px;
  }

  .text-block-20 {
    left: 552px;
  }

  .text-block-21 {
    left: 543px;
  }

  .text-block-22 {
    left: 556px;
  }

  .text-block-23 {
    left: 560px;
  }

  .text-block-24 {
    left: 555px;
  }

  .text-block-25 {
    left: 609px;
  }

  .text-block-26 {
    left: 562px;
  }

  .text-block-27 {
    left: 566px;
  }

  .image-31 {
    left: 824px;
  }

  .image-32 {
    left: 823px;
  }

  .text-block-28 {
    left: 551px;
  }

  .text-block-29 {
    left: 563px;
  }

  .text-block-30 {
    left: 561px;
  }

  .image-33 {
    left: 820px;
  }

  .image-34 {
    left: 823px;
  }

  .wrap-2.cc-subscribe-form {
    margin-left: 157px;
    margin-right: 194px;
    padding-left: 0;
    top: -55px;
    left: 34px;
  }

  .subscribe-wrap-5 {
    left: 125px;
  }

  .footer-email-link-7 {
    text-decoration: none;
    overflow: auto;
  }

  .footer-link-7, .small-paragraph-3.cc-copyright-footer {
    text-decoration: none;
  }

  .footer-6 {
    left: 403px;
  }

  .footer-8 {
    top: 720px;
    left: 390px;
  }

  .footer-9 {
    top: 421px;
    left: 378px;
  }

  .footer-10 {
    left: 404px;
  }

  .subscribe-wrap-10 {
    left: 18px;
  }

  .subscribe-wrap-11 {
    height: 450px;
    top: -454px;
  }

  .footer-11 {
    margin-top: 79px;
    margin-bottom: -852px;
    top: -275px;
    left: 358px;
    overflow: visible;
  }

  .body-2 {
    overflow: visible;
  }

  .footer-13 {
    top: 440px;
    left: 403px;
  }

  .footer-14 {
    top: 687px;
    left: 370px;
  }

  .footer-15 {
    top: 406px;
    left: 409px;
  }

  .heading-18 {
    top: -1054px;
    left: 259px;
  }

  .heading-19 {
    top: -1406px;
    left: 723px;
  }

  .heading-20 {
    top: -1332px;
    left: 1187px;
  }

  .heading-21 {
    top: -689px;
    left: 655px;
  }

  .heading-22 {
    top: -803px;
    left: 181px;
  }

  .heading-24 {
    top: -1061px;
    left: 1240px;
  }

  .image-35 {
    left: 617px;
  }

  .link-3 {
    left: 358px;
  }

  .heading-25 {
    left: 493px;
  }

  .text-block-31 {
    left: 414px;
  }

  .text-block-32 {
    left: 460px;
  }

  .image-36 {
    left: 378px;
  }

  .contact-form-wrap-2 {
    left: 79px;
  }

  .background-video {
    margin-left: auto;
    margin-right: auto;
    left: 17px;
  }

  .link-block-14 {
    width: 250px;
    height: 250px;
    position: relative;
    top: -1411px;
    left: 254px;
  }
}

@media screen and (min-width: 1440px) {
  .text-block-12 {
    text-align: center;
  }

  .image-21 {
    top: 143px;
  }

  .image-22 {
    top: 70px;
  }

  .text-block-16 {
    top: -414px;
  }

  .text-block-17 {
    top: -662px;
    left: 903px;
  }

  .section-10 {
    left: -124px;
  }

  .text-block-7 {
    left: 871px;
  }

  .image-29 {
    top: 130px;
  }

  .text-block-8 {
    top: -656px;
    left: 900px;
  }

  .image-30 {
    top: 149px;
    left: 500px;
  }

  .section-17 {
    left: -73px;
  }

  .text-block-10 {
    top: -462px;
    left: 837px;
  }

  .section-18 {
    left: -143px;
  }

  .wrap-2.cc-subscribe-form {
    top: -9px;
  }

  .text-field-dark.cc-subscribe-input {
    width: 420px;
  }

  .footer-12 {
    top: 812px;
    left: 380px;
  }

  .subscribe-wrap-15 {
    top: -702px;
    left: 152px;
  }

  .link-3 {
    left: 532px;
  }

  .heading-25 {
    left: 638px;
  }

  .text-block-31 {
    left: 567px;
  }

  .text-block-32 {
    left: 651px;
  }

  .image-36 {
    left: 563px;
  }

  .contact-form-wrap-2 {
    top: 357px;
    left: 304px;
  }

  .map {
    top: 387px;
  }

  .wrap {
    top: 76px;
  }

  .subscribe-wrap {
    position: relative;
    top: 782px;
  }

  .subscribe-wrap-16 {
    top: 469px;
  }

  .footer-16 {
    top: 574px;
    left: 339px;
  }

  .subscribe-wrap-17 {
    top: 865px;
  }

  .footer-email-link-9, .footer-link-9 {
    text-decoration: none;
  }

  .footer-17 {
    top: 813px;
    left: 344px;
  }

  .image-37 {
    width: 720px;
    height: 150px;
    position: relative;
    top: 140px;
    left: 489px;
  }

  .image-38 {
    width: 500px;
    position: relative;
    top: 175px;
    left: 582px;
  }

  .section-20 {
    position: relative;
    top: 23px;
    left: 101px;
  }

  .link-18 {
    top: 146px;
    left: 704px;
  }

  .image-39 {
    top: -348px;
    left: 281px;
  }

  .image-40 {
    left: 757px;
  }
}

@media screen and (min-width: 1920px) {
  .logo-link {
    left: 436px;
  }

  .logo-link.w--current {
    left: 512px;
  }

  .navigation-items {
    margin-right: 35px;
    padding-left: 96px;
    padding-right: 178px;
    position: relative;
    top: 1px;
  }

  .navigation {
    top: 0;
  }

  .navigation-wrap {
    position: relative;
    top: 6px;
  }

  .image {
    left: 277px;
  }

  .body {
    overflow: auto;
  }

  .image-2 {
    margin-left: 113px;
    font-family: Karla, sans-serif;
    left: 429px;
  }

  .text-block {
    margin-left: 112px;
    font-family: Karla, sans-serif;
    font-size: 21px;
    left: 576px;
  }

  .link {
    margin-left: 105px;
    left: 683px;
  }

  .text-block-3 {
    margin-left: 97px;
    left: 688px;
  }

  .image-3 {
    margin-left: 47px;
    left: 262px;
  }

  .image-4 {
    margin-left: 103px;
    left: 701px;
  }

  .image-5 {
    margin-left: 148px;
    left: 1164px;
  }

  .button-2 {
    margin-left: 49px;
    top: 36px;
    left: 344px;
    right: -367px;
  }

  .button-3 {
    margin-top: 21px;
    margin-bottom: 44px;
    margin-left: 65px;
    top: 88px;
    left: 652px;
    right: -648px;
  }

  .button-4 {
    margin-top: 32px;
    margin-left: 18px;
    top: 33px;
    left: 990px;
  }

  .label-2.cc-subheadline {
    left: 900px;
  }

  .text-block-13 {
    left: 633px;
  }

  .text-block-14 {
    left: 622px;
  }

  .image-7 {
    top: 330px;
    left: 430px;
  }

  .image-9 {
    top: 80px;
    left: 877px;
  }

  .image-10 {
    top: -172px;
    left: 1307px;
  }

  .image-11 {
    top: -32px;
    left: 442px;
  }

  .image-12 {
    top: -280px;
    left: 879px;
  }

  .image-13 {
    left: 1310px;
  }

  .image-6 {
    left: 776px;
  }

  .link-block-2 {
    top: -1167px;
    left: 429px;
  }

  .link-block-3 {
    top: -1171px;
    left: 625px;
  }

  .link-block-4 {
    top: -1174px;
    left: 806px;
  }

  .link-block-5 {
    top: -774px;
    left: 128px;
  }

  .link-block-6 {
    top: -777px;
    left: 306px;
  }

  .link-block-7 {
    top: -743px;
    left: 63px;
  }

  .image-14 {
    left: 684px;
  }

  .div-block-4 {
    left: 230px;
  }

  .image-21 {
    left: 648px;
  }

  .section-6 {
    left: 105px;
  }

  .text-block-16 {
    left: 924px;
  }

  .text-block-5 {
    left: 1030px;
  }

  .section-8 {
    left: 24px;
  }

  .section-9 {
    left: 109px;
  }

  .text-block-17 {
    left: 1022px;
  }

  .section-10 {
    left: 13px;
  }

  .image-23 {
    left: 678px;
  }

  .section-11 {
    left: 88px;
  }

  .text-block-6 {
    left: 1027px;
  }

  .section-12 {
    left: 13px;
  }

  .image-27 {
    left: 588px;
  }

  .section-13 {
    left: 124px;
  }

  .text-block-7 {
    left: 1046px;
  }

  .div-block-9 {
    left: 269px;
  }

  .section-14 {
    left: 51px;
  }

  .image-29 {
    top: 113px;
    left: 658px;
  }

  .section-15 {
    left: 126px;
  }

  .text-block-8 {
    top: -658px;
    left: 1044px;
  }

  .section-16 {
    left: 45px;
  }

  .div-block-11 {
    left: 265px;
  }

  .text-block-19, .text-block-20 {
    left: 657px;
  }

  .text-block-21 {
    left: 654px;
  }

  .text-block-22 {
    left: 649px;
  }

  .text-block-23 {
    left: 656px;
  }

  .text-block-24 {
    left: 641px;
  }

  .text-block-25 {
    left: 698px;
  }

  .text-block-26 {
    left: 634px;
  }

  .text-block-27 {
    left: 644px;
  }

  .image-31, .image-32 {
    left: 920px;
  }

  .text-block-28 {
    left: 640px;
  }

  .text-block-29 {
    left: 631px;
  }

  .text-block-30 {
    left: 633px;
  }

  .image-33 {
    left: 908px;
  }

  .image-34 {
    left: 900px;
  }

  .wrap-2.cc-subscribe-form {
    top: -19px;
  }

  .subscribe-wrap-5 {
    height: 450px;
    left: 244px;
  }

  .text-field-dark.cc-subscribe-input {
    font-family: Karla, sans-serif;
    font-weight: 400;
  }

  .footer-link-7 {
    font-family: Karla, sans-serif;
    font-size: 19px;
  }

  .footer-6 {
    margin-left: 72px;
    left: 481px;
  }

  .footer-8 {
    left: 492px;
  }

  .footer-9 {
    left: 557px;
  }

  .footer-10 {
    left: 521px;
  }

  .subscribe-wrap-10 {
    width: 2124px;
    padding-left: 0;
    padding-right: 0;
    left: 17px;
  }

  .subscribe-wrap-11 {
    top: -495px;
    left: 34px;
  }

  .footer-11 {
    height: 212.859px;
    padding-top: 0;
    padding-bottom: 0;
    top: -318px;
    left: 538px;
  }

  .body-2 {
    overflow: auto;
  }

  .subscribe-wrap-14 {
    padding-bottom: 99px;
    top: 198px;
    left: 40px;
  }

  .footer-13 {
    margin-top: -96px;
    margin-bottom: 74px;
    padding-bottom: 227px;
    top: 565px;
    left: 568px;
  }

  .footer-14 {
    top: 592px;
    left: 543px;
  }

  .footer-15 {
    top: 363px;
    left: 562px;
  }

  .heading-18 {
    top: -1047px;
    left: 422px;
  }

  .heading-19 {
    top: -1398px;
    left: 879px;
  }

  .heading-20 {
    top: -1330px;
    left: 1338px;
  }

  .heading-21 {
    top: -660px;
    left: 368px;
  }

  .heading-22 {
    top: -778px;
    left: 807px;
  }

  .heading-24 {
    top: -1031px;
    left: 1368px;
  }

  .image-35 {
    left: 762px;
  }

  .link-3 {
    top: 48px;
    left: 744px;
  }

  .link-16 {
    text-decoration: underline;
  }

  .heading-25 {
    left: 794px;
  }

  .text-block-31 {
    left: 708px;
  }

  .text-block-32 {
    left: 744px;
  }

  .image-36 {
    left: 681px;
  }

  .contact-form-link {
    text-decoration: none;
  }

  .contact-form-wrap-2 {
    left: 457px;
  }

  .background-video {
    width: 1631px;
    margin-left: 143px;
    margin-right: auto;
    padding-left: 0;
    top: 21px;
    left: 46px;
  }

  .map {
    width: 1846px;
  }

  .link-block-14 {
    left: 441px;
  }

  .wrap {
    top: 68px;
  }

  .subscribe-wrap {
    height: 310px;
    position: relative;
    top: 38px;
  }

  .white-button, .subscribe-headline {
    font-family: Karla, sans-serif;
    font-weight: 400;
  }

  .footer-email-link-8, .footer-link-8 {
    text-decoration: none;
  }

  .footer-16 {
    top: 558px;
    left: 504px;
  }

  .subscribe-wrap-17 {
    top: 1073px;
    left: 38px;
  }

  .footer-17 {
    height: 180.867px;
    margin-bottom: 55px;
    padding-top: 0;
    padding-bottom: 0;
    top: 1165px;
    left: 536px;
    overflow: visible;
  }

  .image-37 {
    width: 720px;
    height: 150px;
    position: relative;
    top: 151px;
    left: 621px;
  }

  .image-38 {
    left: 738px;
  }

  .section-20 {
    top: 72px;
    left: 362px;
  }

  .section-21 {
    width: 1552px;
    top: -332px;
    left: 233px;
  }

  .section-22 {
    position: relative;
  }

  .link-18 {
    width: 378px;
    text-align: center;
    font-size: 25px;
    position: relative;
    top: 195px;
    left: 871px;
  }

  .link-19 {
    font-size: 25px;
    position: relative;
    top: 122px;
  }

  .link-20 {
    overflow: scroll;
  }

  .link-21, .link-22, .link-23, .link-24 {
    margin-bottom: 54px;
  }

  .body-4 {
    height: 1654px;
    margin-bottom: 531px;
    padding-bottom: 0;
  }

  .image-39 {
    top: -381px;
    left: 135px;
  }

  .image-40 {
    left: 698px;
  }

  .section-23 {
    width: 1920px;
    position: relative;
    top: 96px;
  }

  .image-41 {
    width: 1212px;
    position: relative;
    top: -11px;
    left: 383px;
  }

  .text-block-33 {
    width: 1212px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 22px;
    position: relative;
    top: 145px;
    left: 396px;
  }

  .text-span {
    color: #921719;
  }

  .button-5 {
    background-color: rgba(10, 122, 33, 0);
    position: relative;
    top: 621px;
    left: 530px;
  }
}

@media screen and (max-width: 991px) {
  .styleguide-block {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
  }

  .logo-link.w--current {
    flex: 1;
    top: 4px;
  }

  .menu-icon {
    display: block;
    position: relative;
    top: 12px;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: #fff;
    position: relative;
    top: -9px;
  }

  .navigation {
    height: 68px;
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .logo-image {
    position: relative;
    top: 8px;
    left: -39px;
  }

  .navigation-wrap {
    margin-right: 0;
  }

  .work-experience-grid {
    grid-template: ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .works-grid {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .work-image {
    margin-bottom: 30px;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .about-intro-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-head-text-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    font-size: 24px;
    line-height: 42px;
  }

  .skillset-wrap {
    padding-right: 0;
  }

  .services-items-grid {
    grid-row-gap: 0px;
    grid-template: "."
                   "."
                   / 1fr;
    padding-top: 0;
  }

  .skills-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .personal-features-grid {
    width: 80%;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-heading {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-grid {
    grid-template: ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .project-overview-grid {
    width: 70%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .project-description-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .email-section {
    margin-bottom: 160px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .image {
    top: 17px;
    left: -91px;
  }

  .image-2 {
    width: 734px;
    height: 125px;
    left: 19px;
  }

  .text-block {
    left: 96px;
  }

  .link {
    left: 204px;
  }

  .text-block-3 {
    left: 193px;
  }

  .image-3 {
    top: 571px;
    left: 222px;
  }

  .image-4 {
    top: 809px;
    left: 225px;
  }

  .image-5 {
    top: 1086px;
    left: 216px;
  }

  .button-2 {
    top: -59px;
    left: 320px;
  }

  .button-3 {
    top: 525px;
    left: 173px;
  }

  .button-4 {
    top: 1147px;
    left: 17px;
  }

  .about-head-pic {
    width: 100%;
  }

  .label-2.cc-footer-section-headline {
    margin-bottom: 20px;
  }

  .image-7 {
    top: 214px;
    left: 109px;
  }

  .image-9 {
    top: -36px;
    left: 439px;
  }

  .image-10 {
    top: 136px;
    left: 110px;
  }

  .image-11 {
    top: 326px;
    left: 106px;
  }

  .image-12 {
    top: -363px;
    left: 438px;
  }

  .image-6 {
    top: 130px;
    left: 152px;
  }

  .link-block-2 {
    top: -1287px;
    left: 110px;
  }

  .link-block-3 {
    top: -1287px;
    left: 188px;
  }

  .link-block-4 {
    top: -867px;
    left: -388px;
  }

  .wrap-2 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrap-2.cc-subscribe-form {
    width: auto;
    width: auto;
    width: auto;
    width: auto;
    width: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 29px;
    left: 109px;
  }

  .subscribe-wrap-5 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .error-message {
    width: auto;
  }

  .subscribe-wrap-6 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .logo-image-4.cc-footer-logo {
    margin-bottom: 10px;
    left: -2px;
  }

  .footer-grid-column-3 {
    align-self: start;
    align-items: center;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .small-paragraph-3 {
    margin-bottom: 5px;
  }

  .small-paragraph-3.cc-copyright-footer {
    align-self: end;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: -31px;
  }

  .footer-6 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
    top: 1765px;
    left: 62px;
  }

  .footer-7, .footer-8, .footer-9 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .subscribe-wrap-7 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .footer-10 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .subscribe-wrap-8, .subscribe-wrap-9 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .subscribe-wrap-10 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
    top: -47px;
    left: -372px;
  }

  .subscribe-wrap-11, .subscribe-wrap-12 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .footer-11, .footer-12 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .subscribe-wrap-13, .subscribe-wrap-14, .subscribe-wrap-15 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .footer-13, .footer-14, .footer-15 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .link-3 {
    top: 189px;
    left: 115px;
  }

  .contact-form-wrap-2 {
    flex-direction: column;
    align-items: center;
  }

  .contact-form-headline {
    margin-bottom: 40px;
  }

  .form-wrap {
    width: auto;
    text-align: center;
    border-bottom: 1px solid rgba(210, 210, 213, .3);
    border-right-style: none;
    margin-bottom: 60px;
    margin-right: 0;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .contact-details-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -40px;
    display: flex;
  }

  .background-video {
    left: -258px;
  }

  .link-block-14 {
    top: -2111px;
    left: 109px;
  }

  .wrap {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrap.cc-subscribe-form {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .subscribe-wrap, .subscribe-wrap-16 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .footer-16 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .subscribe-wrap-17 {
    max-width: none;
    min-width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .footer-17 {
    width: 100%;
    text-align: center;
    background-position: 254px 88px;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    display: flex;
  }

  .image-38 {
    left: 145px;
  }

  .section-21 {
    top: -1193px;
  }

  .link-18 {
    width: 750px;
    left: -209px;
  }

  .image-41 {
    left: 2px;
  }

  .text-block-33 {
    width: 629px;
    left: 64px;
  }
}

@media screen and (max-width: 767px) {
  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .container {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-contact {
    padding: 15px;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .logo-image {
    left: -51px;
  }

  .work-experience-grid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .work-position-wrap {
    margin-bottom: 40px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .contact {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
  }

  .webflow-link {
    margin-bottom: 15px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .about-head-text-wrap {
    width: 70%;
    max-width: 470px;
  }

  .skills-grid {
    width: 70%;
    max-width: 470px;
    grid-template-columns: 1fr;
  }

  .personal-features-grid, .social-media-heading {
    width: 70%;
    max-width: 470px;
  }

  .social-media-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .project-overview-grid {
    width: 80%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 95px;
  }

  .project-description-grid {
    width: 70%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 85px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .email-section {
    width: 80%;
    max-width: 470px;
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .image {
    left: -142px;
  }

  .image-2 {
    width: 531px;
    height: 95px;
    top: 120px;
  }

  .text-block {
    width: 452px;
    top: 228px;
    left: 59px;
  }

  .link {
    top: 329px;
    left: 88px;
  }

  .text-block-3 {
    top: 427px;
    left: 91px;
  }

  .image-3 {
    left: 116px;
  }

  .image-4 {
    left: 114px;
  }

  .image-5 {
    top: 1047px;
    left: 118px;
  }

  .button-2 {
    left: 209px;
  }

  .button-3 {
    left: 67px;
  }

  .button-4 {
    top: 1095px;
    left: -84px;
  }

  .wrap-2 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .wrap-2.cc-subscribe-form {
    width: 588px;
    left: -104px;
  }

  .subscribe-headline-2 {
    position: relative;
    left: 60px;
  }

  .subscribe-wrap-5 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .error-message {
    font-size: 14px;
    line-height: 22px;
  }

  .white-button-2 {
    left: -60px;
  }

  .text-field-dark.cc-subscribe-input {
    width: auto;
    text-align: center;
    width: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
    position: relative;
  }

  .subscribe-form-deco-line {
    position: relative;
    left: 70px;
  }

  .form-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .subscribe-wrap-6 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .logo-image-4.cc-footer-logo {
    top: 10px;
  }

  .small-paragraph-3 {
    top: 45px;
  }

  .small-paragraph-3.cc-copyright-footer {
    top: 43px;
    left: 1px;
  }

  .footer-6 {
    background-position: 193px 88px;
  }

  .footer-7, .footer-8, .footer-9 {
    background-position: 156px 88px;
  }

  .subscribe-wrap-7 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-10 {
    background-position: 156px 88px;
  }

  .subscribe-wrap-8, .subscribe-wrap-9, .subscribe-wrap-10, .subscribe-wrap-11, .subscribe-wrap-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-11, .footer-12 {
    background-position: 156px 88px;
  }

  .subscribe-wrap-13, .subscribe-wrap-14, .subscribe-wrap-15 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-13, .footer-14, .footer-15 {
    background-position: 156px 88px;
  }

  .link-3 {
    left: 6px;
  }

  .contact-form-wrap-2 {
    padding: 40px;
  }

  .text-field-2 {
    width: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .text-field-2::-ms-input-placeholder {
    text-align: center;
  }

  .text-field-2::placeholder {
    text-align: center;
  }

  .text-field-2.cc-textarea {
    margin-bottom: 20px;
  }

  .contact-details-wrap {
    margin-bottom: -30px;
  }

  .contact-form-2 {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .background-video {
    width: 1288px;
    height: 469px;
    left: -360px;
  }

  .wrap {
    padding-left: 4%;
    padding-right: 4%;
  }

  .subscribe-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .form {
    flex-direction: column;
    align-items: stretch;
    left: 3px;
  }

  .white-button {
    left: -60px;
  }

  .subscribe-wrap-16 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-16 {
    background-position: 156px 88px;
  }

  .subscribe-wrap-17 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-17 {
    background-position: 156px 88px;
  }

  .image-38 {
    left: 36px;
  }

  .section-21 {
    left: 1px;
  }

  .link-18 {
    width: 551px;
  }
}

@media screen and (max-width: 479px) {
  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu-icon {
    position: relative;
    left: -17px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .logo-image {
    top: -10px;
    left: 16px;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap, .footer-wrap {
    flex-direction: column;
  }

  .about-head-text-wrap {
    width: 100%;
    max-width: none;
  }

  .skills-grid {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
  }

  .personal-features-grid, .social-media-heading, .project-overview-grid, .project-description-grid {
    width: 100%;
    max-width: none;
  }

  .email-section {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .email-link {
    font-size: 30px;
    line-height: 46px;
  }

  .image {
    top: 38px;
    left: 22px;
  }

  .image-14 {
    width: 273px;
    top: 35px;
    left: 27px;
  }

  .div-block-4 {
    top: 1249.67px;
    bottom: -807.667px;
  }

  .image-17 {
    top: 1px;
    left: -162px;
  }

  .link-block-8 {
    left: 369px;
  }

  .image-20 {
    left: 363px;
  }

  .image-22 {
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    top: -133px;
    left: 209px;
  }

  .text-block-16 {
    width: 300px;
    text-align: center;
    top: -93px;
    left: 212px;
  }

  .wrap-2 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .wrap-2.cc-subscribe-form {
    left: 0;
  }

  .subscribe-headline-2 {
    position: relative;
    left: 0;
  }

  .subscribe-wrap-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-button-2 {
    left: -72px;
  }

  .form-2 {
    left: 2px;
  }

  .subscribe-wrap-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-image-4.cc-footer-logo {
    left: 0;
  }

  .small-paragraph-3 {
    left: -5px;
  }

  .small-paragraph-3.cc-copyright-footer {
    left: 0;
  }

  .footer-6, .footer-7, .footer-8, .footer-9 {
    background-position: 49px 88px;
  }

  .subscribe-wrap-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-10 {
    background-position: 49px 88px;
  }

  .subscribe-wrap-8, .subscribe-wrap-9, .subscribe-wrap-10, .subscribe-wrap-11, .subscribe-wrap-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-11, .footer-12 {
    background-position: 49px 88px;
  }

  .subscribe-wrap-13, .subscribe-wrap-14, .subscribe-wrap-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-13, .footer-14, .footer-15 {
    background-position: 49px 88px;
  }

  .link-3 {
    width: 361px;
    text-align: center;
    left: -20px;
  }

  .contact-form-wrap-2 {
    padding: 40px 30px;
  }

  .contact-details-wrap {
    margin-bottom: -30px;
  }

  .wrap {
    padding-left: 4%;
    padding-right: 4%;
  }

  .subscribe-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-button {
    left: -72px;
  }

  .subscribe-wrap-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-16 {
    background-position: 49px 88px;
  }

  .subscribe-wrap-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-17 {
    background-position: 49px 88px;
    left: -7px;
  }

  .image-38 {
    left: -1px;
  }

  .text-block-33 {
    width: 253px;
    font-size: 14px;
    top: 66px;
    left: 40px;
  }
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a9886296-3ce9310c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a9886297-3ce9310c {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a9886299-3ce9310c {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a988629b-3ce9310c {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a988629d-3ce9310c {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a98862a8-3ce9310c {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a98862aa-3ce9310c {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a98862b3-3ce9310c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a98862b5-3ce9310c {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_31fc8e5b-dcbf-1cb3-cd74-7e08a98862ba-3ce9310c {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d1f-e1e93112 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d20-e1e93112 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d22-e1e93112 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d24-e1e93112 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d26-e1e93112 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d31-e1e93112 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d33-e1e93112 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d3c-e1e93112 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d3e-e1e93112 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_9ef02da7-536c-c2db-25c9-aa59951d6d43-e1e93112 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33cf4-8ce93114 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33cf5-8ce93114 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33cf7-8ce93114 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33cf9-8ce93114 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33cfb-8ce93114 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33d06-8ce93114 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33d08-8ce93114 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33d11-8ce93114 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33d13-8ce93114 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_5256865d-407c-a420-8b4d-85e7fdc33d18-8ce93114 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f22b-81e93115 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f22c-81e93115 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f22e-81e93115 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f230-81e93115 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f232-81e93115 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f23d-81e93115 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f23f-81e93115 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f248-81e93115 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f24a-81e93115 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_534a8bf8-101f-4367-2c4c-4685d183f24f-81e93115 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482674-f0e93116 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482675-f0e93116 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482677-f0e93116 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482679-f0e93116 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b929048267b-f0e93116 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482686-f0e93116 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482688-f0e93116 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482691-f0e93116 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482693-f0e93116 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_381b1f0a-0e93-ee1e-ac48-9b9290482698-f0e93116 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a317f-ebe93117 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3180-ebe93117 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3182-ebe93117 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3184-ebe93117 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3186-ebe93117 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3191-ebe93117 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a3193-ebe93117 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a319c-ebe93117 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a319e-ebe93117 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_56122c0b-e3bd-c82c-2130-5d7a662a31a3-ebe93117 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b7f-3ae93118 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b80-3ae93118 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b82-3ae93118 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b84-3ae93118 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b86-3ae93118 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b91-3ae93118 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b93-3ae93118 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b9c-3ae93118 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6b9e-3ae93118 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-ee0e6505-8c30-cb93-b7b6-0ace09dd6ba3-3ae93118 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a84509-dbe9311d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8450a-dbe9311d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8450c-dbe9311d {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8450e-dbe9311d {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a84510-dbe9311d {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8451b-dbe9311d {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8451d-dbe9311d {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a84526-dbe9311d {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a84528-dbe9311d {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_8a36ad75-3ba7-7b19-98b3-a13c49a8452d-dbe9311d {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e39d-75e9311e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e39e-75e9311e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3a0-75e9311e {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3a2-75e9311e {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3a4-75e9311e {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3af-75e9311e {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3b1-75e9311e {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3ba-75e9311e {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3bc-75e9311e {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-f083804a-7dca-3d52-9bc4-51c0e149e3c1-75e9311e {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_038c35ed-0781-5945-a2dd-644357bead9e-79e9311f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_038c35ed-0781-5945-a2dd-644357bead9f-79e9311f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beada1-79e9311f {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beada3-79e9311f {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beada5-79e9311f {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beadb0-79e9311f {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beadb2-79e9311f {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beadbb-79e9311f {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beadbd-79e9311f {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_038c35ed-0781-5945-a2dd-644357beadc2-79e9311f {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081ee7-485524d4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081ee8-485524d4 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081eea-485524d4 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081eec-485524d4 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081eee-485524d4 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081ef9-485524d4 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081efb-485524d4 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081f04-485524d4 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081f06-485524d4 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-_27441d26-6365-c873-3cf7-caaf86081f0b-485524d4 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19b0-50d20a5d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19b1-50d20a5d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19b3-50d20a5d {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: stretch;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19b5-50d20a5d {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19b7-50d20a5d {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-self: stretch;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19c0-50d20a5d {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19c2-50d20a5d {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
  justify-self: stretch;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19c9-50d20a5d {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19cb-50d20a5d {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
  justify-self: stretch;
}

#w-node-fc8ea7eb-be84-b99e-6346-e2f5c0ed19d0-50d20a5d {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
  justify-self: stretch;
}


@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-BoldItalic.ttf') format('truetype'), url('../fonts/Karla-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-Bold.ttf') format('truetype'), url('../fonts/Karla-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}