{% extends "withoutnav_template.html" %}
{% from "components/sub-navigation.html" import sub_navigation %}
{% from "components/page-header.html" import page_header %}

{% block per_page_title %}
  {{ content_page_title }}
{% endblock %}

{% block maincolumn_content %}
  <div class="grid-row">
    {% if navigation_links %}
      <div class="column-one-third">
        {{ sub_navigation(navigation_links) }}
      </div>
    {% endif %}
    <div class="column-two-thirds">
      {% block content_column_content %}
      {% endblock %}
    </div>
  </div>
{% endblock %}

{% extends "withoutnav_template.html" %}
{% from "components/sub-navigation.html" import sub_navigation %}
{% from "components/page-header.html" import page_header %}

{% block per_page_title %}
  {{ content_page_title }}
{% endblock %}

{% block maincolumn_content %}

  <div class="grid-row">

    {% if navigation_links %}
      <div class="column-one-quarter">
        {{ sub_navigation(navigation_links) }}
      </div>
      <div class="column-five-eighths">
    {% else %}
      <div class="column-two-thirds">
    {% endif %}

    {% block content_column_content %}
    {% endblock %}

    </div>
  </div>

{% endblock %}

Make column widths consistent with other pages
Make column widths consistent with other pages

Pages within a service use a 2/8, 5/8, 1/8 grid.

The content pages use a 1/4, 3/4 grid, for consistency with the product
page template.

But I feel like the internal consistency is more important, and it feels
weird for the main content column to jump about.
