Overview
Header Background
The home page (index.php template) is the only page that uses the larger header background image. That image should be 1,600px by 1,078px (for retina images you can use 3,200px by 2,156px).
The text for the header overlay is pulled from the page content. All normal subpage text is supported. To achieve the custom size/text feature of the design you can use the heading 2 tag with a custom class. The class "h2-small" will display the heading 2 in smaller font size. Highlighting a portion of the text in italics will display that text with a blue background and keep it visible on the mobile view. Highlighting text in bold will hide that text from the mobile view.
Example HTML
<h2 class="h2-small"><strong>We want to</strong></h2>
<h2 class="h2-small"><em>engage</em> <strong>people with the love of God,</strong></h2>
<h2 class="h2-small"><em>inspire</em> <strong>them to follow Jesus, and</strong></h2>
<h2 class="h2-small"><em>equip</em> <strong>them to serve our world.</strong></h2>
Sections
The rest of the home page works the same as the normal subpage sections.
*NOTE - The join us section uses a content two-third column layout (see subpage styles in this guide).