<div class="container">
  <%= link_to home_path do %>
    <h1>
      <% if I18n.exists?("general.project_name", locale) %>
        <span id="maintitle"><%= t "general.project_name" %></span>
      <% end %>
      <% if I18n.exists?("general.project_subtitle", locale) %>
        <span class="small"><%= t "general.project_subtitle" %></span>
      <% end %>
    </h1>
  <% end %>
</div>

<div class="container">
  <%= link_to home_path do %>
    <h1>
      <% if I18n.exists?("general.project_name", locale) %>
        <span class="site-title"><%= t "general.project_name" %></span>
      <% end %>
      <% if I18n.exists?("general.project_subtitle", locale) %>
        <small class="site-subtitle"><%= t "general.project_subtitle" %></small>
      <% end %>
    </h1>
  <% end %>
</div>

Update title / subtitle markup
Update title / subtitle markup

Switch main title's selector to a class, as this markup change will
require reviewing before merging with existing sites anyway

Switch subtitle wrapping element to small and add site-subtitle class
- Expect site-subtitle should be more unique to only style this element
