/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 19:1 Expected identifier but found "%"
Line 21:5 Unexpected "0"
Line 33:0 Unexpected "<"
Line 44:7 Unexpected "{"
Line 44:13 Expected ":"
Line 45:4 Unexpected "<"
Line 58:7 Unexpected "{"
Line 58:13 Expected ":"
... and 1 more hidden warnings

**/
{%- comment -%}
  section-main-page.liquid
  Renders a page title + content, with centered logo under the title
{%- endcomment -%}

<!-- 0) Inline CSS for the centered logo -->
<style>
  .contact-logo-wrapper {
    text-align: center;
    margin: 1.5rem 0;
  }
  .contact-logo-wrapper .contact-logo {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: inline-block;
  }
</style>

<section
  id="{{ section.id }}"
  class="shopify-section section-{{ section.id }}__main"
  data-section-id="{{ section.id }}"
  data-section-type="main-page"
>
  <div class="page-width page-width--narrow section-{{ section.id }}__main--padding">
    <!-- 1) Page title -->
    <h1 class="main-page-title page-title no-scroll-trigger animate--fade-in">
      {{ page.title }}
    </h1>

    <!-- 2) Centered logo under the title -->
    <div class="contact-logo-wrapper">
      <img
        src="{{ 'logo-overlay.png' | asset_url }}"
        alt="Our Logo"
        class="contact-logo"
      />
    </div>

    <!-- 3) Page content (the rich text you had before) -->
    <div class="rte scroll-trigger animate--slide-in">
      {{ page.content }}
    </div>
  </div>
</section>