@media (min-width: 600px) {
    .landingHeader {
        margin-top: calc(100vw / -6.5);
    }
    .landingHeaderContainer h1 {
        padding: 40px 16px;
    }
}

@media (min-width: 768px) {
    .landingHeader {
        flex-direction: row;
    }
    .landingHeaderContainer h1 {
    /* https://css-tricks.com/snippets/css/fluid-typography/ */
		font-size: calc(28px + (48 - 28) * ((100vw - 768px) / (1680 - 768)));
    }
    .formRow {
	    flex-wrap: nowrap;
    }
}

@media (min-width: 980px) {
    /* Switch to normal menu */
    .openMenu #container, .openMenu header, .openMenu #fp-nav {
        transform: translate3d(0px, 0px, 0px);
    }
    header {height: 70px;}
    footer {height: 320px;}
    .footerMeta {padding-top: 0;}
    .footerMain > div {width: 30%;}
    .logo {
        width: 170px;
	    height: 70px;
    }
    .main {padding-top: 70px;}
    .menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }
    .mobileMenuButton {
        display: none;
    }
    .mobileMenu {display: none;}
    .mobileMenu, #mobile_menu_wrapper, .openMenu #mobile_menu_wrapper {display: none;}
    .splitElement, .serviceElement, .serviceElement.inverse, .productElement, .productElement.inverse, .referenceElement {
        flex-wrap: nowrap;
    }
    .referenceElement > div {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    nav, .footerContainer {max-width: 1024px;}
}

@media (min-width: 1124px) {
    .landingHeader img {
        max-width: 1124px;
    }
}

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

@media (max-width: 979px) {
    .serviceElement img {
        width: 100px;
    }
}