@media screen and (max-width: 767px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.15;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  .fs-styleguide_row.is-for-social-icons {
    grid-template-rows: auto auto;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr 1fr;
  }

  .fs-styleguide_color-sample {
    padding: 2.5rem 2rem;
  }

  .button {
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
  }

  .heading-medium {
    font-size: 1.75rem;
  }

  .heading-large {
    font-size: 2.5rem;
  }

  .text-size-large {
    font-size: 1.5rem;
  }

  .fs-styleguide_section-type {
    font-size: .875rem;
  }

  .text-size-medium {
    font-size: 1.25rem;
  }

  .heading-xlarge {
    font-size: 3.5rem;
    line-height: 1.15;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .text-size-tiny.text-weight-light.text-color-default.textline1.text-style-muted.about-us_image_caption_padding {
    text-align: center;
    position: static;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .button-secondary {
    font-size: 1rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xhuge.is-calculator {
    padding-bottom: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xhuge {
    padding-left: 0;
  }

  .padding-vertical.padding-xhuge.our-overlays_mobile_margin {
    margin-left: 90px;
    margin-right: 90px;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-small {
    font-size: 1.4rem;
  }

  .fs-styleguide_version-details {
    font-size: .875rem;
  }

  .fs-styleguide_page-header {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .fs-styleguide_message-outer {
    padding: 0;
  }

  .fs-styleguide_message-inner {
    border-radius: 0;
  }

  .fs-styleguide_messege-content {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_messege-heading {
    font-size: 2.5rem;
    line-height: .9;
  }

  .fs-styleguide-messege-heading-span {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .job-listins_grid {
    grid-template-columns: 1fr;
  }

  .job-listings_single-job {
    padding: 1.5rem;
  }

  .section-landing-header {
    margin-top: 4rem;
  }

  .landing-header_cta-wrapper {
    max-width: 20rem;
  }

  .landing-header_cta-link {
    font-size: 1rem;
  }

  .how-it-works_timeline-wrapper {
    display: none;
  }

  .how-it-works_step-number-wrapper {
    background-color: var(--background);
    border-radius: 100%;
    min-width: auto;
    position: absolute;
    inset: -1.5rem 1.5rem auto auto;
  }

  .how-it-works_step-image {
    width: auto;
    height: auto;
    margin-bottom: 1rem;
  }

  .how-it-works_container {
    margin-top: 1rem;
  }

  .how-it-works_step-info {
    margin-left: 0;
  }

  .black-line {
    display: none;
  }

  .step-heading.margin-xs {
    margin-bottom: .5rem;
  }

  .how-it-works_step-wrapper {
    flex-direction: column;
  }

  .how-it-works_top-gradient {
    height: 6rem;
    margin-bottom: 2rem;
  }

  .how-it-works_bottom-gradient {
    height: 6rem;
  }

  .small-h1-no-shadow {
    font-size: 3rem;
  }

  .body {
    padding-bottom: 8rem;
  }

  .heading {
    font-size: 4rem;
  }

  .navbar_component, .navbar_menu {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar1_button-wrapper {
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    align-items: flex-start;
    display: flex;
  }

  .header_component {
    flex-flow: column;
  }

  .header_content {
    max-width: none;
  }

  .header_image {
    min-width: auto;
  }

  .video_component, .video_embed {
    height: 20rem;
  }

  .video_embed.scroll-reveal {
    height: 100%;
  }

  .benefits_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .section-home-cta {
    padding-bottom: 8rem;
  }

  .left-image-cta {
    display: none;
  }

  .right-image-cta {
    height: 37rem;
    margin-top: 15%;
    margin-right: 10%;
  }

  .interactive_percent-row {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .interactive_percent-text {
    margin-top: 1rem;
  }

  .video-slider_slide-nav {
    justify-content: flex-end;
    bottom: 0;
  }

  .video-slider_arrow {
    width: 3.5rem;
    height: 3.5rem;
    top: auto;
    bottom: -1.25rem;
  }

  .video-slider_arrow.is-right {
    inset: auto auto -1.25rem 4.5rem;
  }

  .video-slider_mask {
    padding-left: 0;
    padding-right: 0;
  }

  .video-slider_image-wrapper {
    box-shadow: 0 0 18px #d2d0d766;
  }

  .video-slider_slide {
    margin-right: .5rem;
    padding-right: .5rem;
  }

  .video-slider_slider {
    padding-bottom: 4rem;
  }

  .text-size-xlarge {
    font-size: 1.75rem;
  }

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

  .pricing_plan {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pricing_number {
    font-size: 2.5rem;
  }

  .pricing_month {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .campaign_component {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .campaign_image-wrapper.scroll-reveal {
    display: none;
  }

  .campaign_image {
    width: 10rem;
    position: static;
  }

  .campaign_blur-circle {
    position: absolute;
  }

  .footer_left-wrapper {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .video-slider_embed {
    height: 20rem;
  }

  .interactive_circle-large {
    display: none;
  }

  .faq_question {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2.25fr .25fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .calculator_embed {
    height: 87rem;
  }

  .background-image-wrapper {
    height: 20rem;
    margin-top: 0%;
    position: absolute;
    inset: auto 0% -10rem 20%;
  }

  .how-it-works_step-image-img {
    width: auto;
    max-height: 8rem;
  }

  .how-it-works_inner-wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem;
  }

  .header_heading {
    font-size: 4rem;
    line-height: 1.05;
  }

  .faq_icon {
    height: 1.5rem;
  }

  .pricing_grid {
    grid-row-gap: 1.2rem;
  }

  .pricing_cell-flex {
    flex-wrap: wrap;
  }

  .pricing_text-wrapper {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
  }

  .pricing_trial-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
  }

  .pricing_trial-paragraph {
    text-align: left;
    font-size: 1.25rem;
  }

  .about-us_flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 600px;
  }

  .about-us_imagewraper {
    object-fit: fill;
    flex: 1;
    order: 1;
    align-self: flex-start;
    align-items: flex-start;
    width: 244px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    overflow: hidden;
  }

  .about-us_textwraper {
    align-self: center;
    align-items: center;
    margin-left: 0;
  }

  .about-us_contactflex {
    flex-direction: column;
    align-self: center;
    align-items: flex-start;
  }

  .about-us_maillinkedin {
    align-self: center;
    align-items: flex-start;
  }

  .about-us_contactline {
    justify-content: flex-start;
  }

  .our-overlay_grid {
    grid-template-columns: 1fr 1fr;
  }

  .benefits_component-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .our-overlays_grid_div {
    object-fit: fill;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    position: relative;
    overflow: visible;
  }

  .our-overlays_image.our-overlays-image_higher {
    object-fit: contain;
  }

  .paragraph {
    align-self: center;
  }

  .aboutus_team-activities {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: 160px 160px 160px;
  }

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

  .footer-column {
    padding-right: 0;
  }

  .footer-column.hidden {
    display: none;
  }

  .footer-bottom {
    flex-wrap: wrap;
    margin-top: 40px;
  }

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

  .fh_col {
    padding-left: 0;
    padding-right: 0;
  }

  .test-single_quote-text {
    font-size: 1.75rem;
  }

  .test-single_company-image {
    width: 50%;
  }

  .book_split-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    align-items: center;
  }

  .book_split-wrapper.reverse {
    flex-direction: column-reverse;
  }

  .book_split-text-wrapper {
    width: 100%;
  }

  .book_split-image-wrapper, .book_split-image-wrapper.ratio {
    width: 70%;
  }

  .test-logo_text-wrapper {
    max-width: 80%;
    margin-bottom: 2rem;
  }

  .test-logo_image-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .test-logo_image {
    max-width: 65%;
  }

  .average_number-text {
    margin-top: 1rem;
  }

  .average_flex.is-left-aligned {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .text-size-medium-2 {
    font-size: 1.25rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .logo1_component {
    padding-top: 1rem;
  }

  .logo1_logo {
    max-height: 3rem;
  }

  .test-logo_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .usp_2col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 0;
  }

  .usp_content {
    width: 100%;
  }

  .usp_image-wrapper, .usp_image-wrapper.ratio {
    width: 70%;
  }

  .usp_small-heading {
    font-size: 1.2rem;
  }

  .usp_text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .usp_list-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h2_heading {
    font-size: 1.8rem;
  }

  .interactive_heading {
    font-size: 2.3125rem;
  }

  .text-color-gradient {
    margin-top: 1rem;
  }

  .interactive_subtext {
    margin-top: 0;
    font-size: 1.5rem;
  }

  .why_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    margin-top: 2rem;
  }

  .why_list.align-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .why_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 45%;
  }

  .why_item-text {
    max-width: 100%;
    font-size: 1.2rem;
  }

  .why_special-text {
    font-size: 1.2rem;
  }

  .why_special-wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .why_reasons-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
  }

  .why_reasons-item, .why_reasons-item.interactive {
    max-width: none;
  }

  .why_reasons-heading {
    font-size: 1.5rem;
  }

  .process_list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .process_list.align-bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .process_list.top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .process_text, .add-features_subtext {
    font-size: 1.2rem;
  }

  .add-features_wrap {
    margin-top: 0;
  }

  .add-features_2col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .add-features_heading {
    font-size: 1.5rem;
  }

  .process_report-text {
    font-size: 1.2rem;
  }

  .pricing-heading_list {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    grid-template-columns: 1fr;
  }

  .section_results {
    padding-bottom: 3rem;
  }

  .results_left-col {
    display: none;
  }

  .section_interactive {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .befaft-flex-solo {
    height: auto;
  }

  .header-animation-embed {
    max-height: 26rem;
  }

  .why_reasons-text-line, .usp_introduction {
    font-size: 1.2rem;
  }

  .paragraph-2 {
    font-size: 1rem;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .why-image {
    max-width: 5rem;
    height: 4rem;
  }

  .bestoff {
    max-width: 500px;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .bestoff_title {
    margin-bottom: 2.2rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-3 {
    padding-right: 1%;
  }

  .best-of_heading {
    max-width: 350px;
    padding-bottom: 0;
    font-size: 1.4rem;
  }

  .casestudies_info-text {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: wrap;
  }

  .casestudies_numbers {
    padding-top: 1rem;
  }

  .button-copy {
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
  }

  .casestudies_ctr-graph-beam-wrapper, .casestudies_ctr-graph-beam-wrapper.beam_long {
    width: 40vw;
  }

  .casestudies_ctr-graph-beam {
    width: 7vw;
  }

  .casestudies_ctr-graph-beam.beam-small {
    width: 4vw;
  }

  .casestudies_ctr-graph {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-columns: .25fr 1.25fr;
    place-items: stretch stretch;
    padding-top: 1rem;
  }

  .casestudies_ctr-info {
    flex-flow: wrap;
  }

  .bestoff_year {
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
  }

  .bestoff_year.absolut {
    left: 5%;
  }

  .button-copy-copy {
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
  }

  .bestoff_image-wrapper {
    width: auto;
  }

  .bestoff-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    place-items: stretch stretch;
  }

  .casestudies_ctr-info-wrapper {
    padding-left: 0;
    padding-right: 2rem;
  }

  .aboutus_team-meettheteam {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .average_number-text-draft {
    margin-top: 1rem;
  }

  .average_flex-copy.is-left-aligned {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .download-results {
    flex-flow: column;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .case-studie-image {
    width: 15rem;
  }

  .download_headline {
    margin-top: 1rem;
  }

  .download_text-wrapper {
    width: 100%;
  }

  .button-download {
    align-items: center;
    font-size: 1rem;
  }

  .bento-heading {
    padding-bottom: .25rem;
    font-size: 1.5rem;
  }

  .bento-button1 {
    grid-template-columns: 1fr .75fr;
  }

  .button1-image {
    width: 60%;
    max-width: none;
    margin-left: .5rem;
  }

  .button2-image {
    max-width: 130%;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .bento-survey {
    padding-left: 2rem;
  }

  .survey-image {
    flex: 0 auto;
    max-width: 150px;
  }

  .bento-text, .bento-text.is-white {
    font-size: .8rem;
  }

  .bento-spot-text {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .bento-slider-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .spot-image {
    border-radius: 2rem;
  }

  .grid-mobile {
    display: none;
  }
}