/* "Compact top" on a landing page section: the same clearance the fixed site
   header needs, and nothing more.

   The normal clearance is 200px, which is the rhythm a storytelling hero wants:
   an eyebrow, a heading, a line of text and two buttons, with air above them.
   A section whose job is a form is a different shape — the form is the point,
   and every pixel above it pushes the button that submits it below the fold. At
   1440x900 the demo form's button sat 18px under the edge of the window with the
   normal clearance.

   140px, because the header is 103px tall and floats over the section. */
.lcc-lp-section--clearance.is-style-lcc-compact-top {
    padding-top: 140px;
}

@media (max-width: 899.98px) {
    .lcc-lp-section--clearance.is-style-lcc-compact-top {
        padding-top: 96px;
    }
}