/* ---------------------------------------------------------------------------
 * Mobile/responsivity fixes for the FORKED template.
 *
 * This file exists because the original theme is frozen: customers already
 * bought and designed on it, so its look must not change under them. Every
 * rule here is therefore scoped to this fork only. Loaded LAST (after the
 * theme's own stylesheets), so plain specificity is enough - no !important.
 *
 * Note: the themes all <link> a css/complete.css that has never existed, on
 * prod or locally. It 404s everywhere; it is not a build artifact to merge into.
 * ------------------------------------------------------------------------- */

/* --- "Naše společná cesta životem" band (#story) ---------------------------
 * The band is a parallelogram: a 70px diagonal wedge is cut off the top and the
 * bottom, so the usable area narrows towards the left edge. The heading is not
 * scaled down for phones - measured 37.3px/44.8px, wrapping to two lines for a
 * 125px block inside a 265px band whose padding (70px) exactly equals the wedge
 * depth. The text therefore runs into the slanted edges and the diamond rule
 * below it gets clipped: the "stacked and mashed together" look.
 * Shrinking the type and deepening the padding puts the whole block inside the
 * parallelogram's safe zone. */
@media (max-width: 767px) {
    #story.parallax-background {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #story .section-title {
        font-size: 27px;
        line-height: 35px;
    }
}