@media (min-width: 460px) {
    .landingHeaderContainer h1 {
        font-size: 32px;
    }
    .clientElementContainer > div {
        width: 48%;
    }
    .clientImages {
	    justify-content: space-between;
    }
    .clientElementContainer {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
}

@media (min-width: 600px) {
    .landingHeader {
        justify-content: space-around;
    }
}

@media (min-width: 768px) {
    h1 {font-size: 38px;}
    .landingHeaderContainer { height: calc(100vh - 90px);}
    .landingHeaderContainer h1 {
    /* https://css-tricks.com/snippets/css/fluid-typography/ */
		font-size: calc(32px + (48 - 32) * ((100vw - 768px) / (1680 - 768)));
    }
    .formRow {flex-wrap: nowrap;}
    .clientElementContainer > div {width: 24%;}
    a.button, .button {font-size: 18px;}
    .landingHighlightButton {
        transform: rotate(15deg);
        top: 20px;
    }
    .featureElementContainer {
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        box-sizing: border-box;
        flex-direction: row;
    }
}

@media (min-width: 980px) {
    /* Switch to normal menu */
    .openMenu #container, .openMenu header, .openMenu #fp-nav {
        transform: translate3d(0px, 0px, 0px);
    }
    header {height: 90px;}
    footer {height: 340px;}
    .footerMeta {padding-top: 0;}
    .footerMain > div {width: 23%;}
    .logo {
        width: 150px;
	    height: 70px;
    }
    .main {padding-top: 90px;}
    .menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
    .mobileMenuButton {display: none;}
    .mobileMenu, #mobile_menu_wrapper, .openMenu #mobile_menu_wrapper {display: none;}
    .splitElement, .serviceElement, .productElement, .referenceElement {flex-wrap: nowrap;}
    .referenceElement > div {width: 50%;}
    .landingHeader {
        max-width: 1024px;
    }
    .landingHeader li {font-size: 28px;}
    .priceOptions {
	    display: flex;
        gap: 20px;
    }
}

@media (min-width: 1024px) {
    nav, .footerContainer {max-width: 1024px;}
    .featureElementContainer > div {width: 33%;}
    a.menuItem {font-size: 16px;}
}

@media (min-width: 1320px) {
    nav, .footerContainer {max-width: 1320px;}
    .menu {gap: 40px;}
    .contentSectionWide {gap: 80px;}
    .contentSectionSplitContainer.largeImg > div {width: 32%;}
     .contentSectionSplitContainer, .contentSectionSplitContainer.reverse{
         justify-content: space-between;
         flex-direction: row;
    }
    .contentSectionSplitContainer img, .contentSectionSplitContainer video,
    .contentSectionSplitContainer > div {
        width: 48%;
    }
    .contentSectionSplitContainer.largeImg img {width: 66%;}
}

@media (min-width: 1680px) {
    .landingHeaderContainer h1 {font-size: 48px;}
}