diff --git a/hyperglass/render/templates/index.html.j2 b/hyperglass/render/templates/index.html.j2
index 03a1c06..fd08ce2 100644
--- a/hyperglass/render/templates/index.html.j2
+++ b/hyperglass/render/templates/index.html.j2
@@ -4,10 +4,9 @@
 <div id="hg-parent" class="mx-auto">
   <div class="container animsition mw-lg-75 mw-xl-50" data-animsition-out-class="fade-out-right" data-animsition-in-class="fade-in-left"
     id="hg-form">
-    <div class="container-fluid text-center">
+    <div class="container-fluid d-flex justify-content-center mb-3 text-center">
     {% import "templates/title.html.j2" as title %}
     {{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4") }}
-    <br>
     </div>
     <form onsubmit="return false" name="queryform" id="lgForm" action="?" method="POST">
       <div class="form-row mb-3">
diff --git a/hyperglass/render/templates/results.html.j2 b/hyperglass/render/templates/results.html.j2
index d214cf7..22b043a 100644
--- a/hyperglass/render/templates/results.html.j2
+++ b/hyperglass/render/templates/results.html.j2
@@ -1,15 +1,13 @@
 <div class="container animsition" data-animsition-out-class="fade-out-left" data-animsition-in-class="fade-in-right"
     id="hg-results">
     <div class="container mb-lg-1 mt-lg-1">
-        <div class="row mb-lg-1 px-1">
-            <div class="col align-self-center d-flex justify-content-between">
-            <div class="text-left align-self-end">
-                    <h2 id="hg-results-title"></h2>
-                </div>
-                <div class="align-self-end text-right">
-                    {% import "templates/title.html.j2" as title %}
-                    {{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4") }}
-                </div>
+        <div class="row mb-md-1 mb-lg-3 mb-xl-3 px-1">
+            <div class="col align-self-end text-left">
+                {% import "templates/title.html.j2" as title %}
+                {{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4", direction="left") }}
+            </div>
+            <div class="col align-self-end text-right">
+                <h2 class="mb-0" id="hg-results-title"></h2>
             </div>
         </div>
         <div class="row mt-lg-1">
diff --git a/hyperglass/render/templates/theme.sass.j2 b/hyperglass/render/templates/theme.sass.j2
index 328f310..ff954cc 100644
--- a/hyperglass/render/templates/theme.sass.j2
+++ b/hyperglass/render/templates/theme.sass.j2
@@ -24,6 +24,7 @@ $hg-warning: {{ colors.warning }}
 $hg-loading: findAltBackgroundColor($hg-background)
 
 // Theme Overrides
+$enable-responsive-font-sizes: true
 $theme-colors: ("primary": $hg-primary, "danger": $hg-danger, "warning": $hg-warning, "light": $hg-light, "dark": $hg-dark, "loading": $hg-loading)
 $body-bg: $hg-background
 $body-color: findTextColor($body-bg)
\ No newline at end of file
diff --git a/hyperglass/render/templates/title.html.j2 b/hyperglass/render/templates/title.html.j2
index 44d76b3..5482acf 100644
--- a/hyperglass/render/templates/title.html.j2
+++ b/hyperglass/render/templates/title.html.j2
@@ -1,4 +1,4 @@
-{% macro title(branding, primary_asn, size_title="h1", size_subtitle="h4") -%}
+{% macro title(branding, primary_asn, size_title="h1", size_subtitle="h4", direction="none") -%}
 {% if branding.text.title_mode == 'text_only' %}
 <{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
 <{{ size_subtitle }}>{{ branding.text.subtitle.format(primary_asn=primary_asn) }}</{{ size_subtitle }}>
@@ -7,10 +7,12 @@
 <{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
 <{{ size_subtitle }}>{{ branding.text.subtitle.format(primary_asn=primary_asn) }}</{{ size_subtitle }}>
 {% elif branding.text.title_mode == 'logo_title' %}
-<img class="img-fluid" src="{{ branding.logo.path }}">
+<div class="float-{{ direction }} text-center mw-sm-100 mw-md-75 mw-lg-50 mw-xl-50">
+    <img class="img-fluid" src="{{ branding.logo.path }}">
+</div>
 <{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
 {% elif branding.text.title_mode == 'logo_only' %}
-<div class="text-center">
+<div class="float-{{ direction }} text-center mw-sm-100 mw-md-75 mw-lg-50 mw-xl-50">
     <img class="img-fluid" src="{{ branding.logo.path }}">
 </div>
 {% endif %}
diff --git a/hyperglass/static/overrides.sass b/hyperglass/static/overrides.sass
index 3a63e2e..b02ec72 100644
--- a/hyperglass/static/overrides.sass
+++ b/hyperglass/static/overrides.sass
@@ -258,6 +258,9 @@
     margin-bottom: 5% !important
     padding: unset
 
+#hg-results-title
+    line-height: unset
+
 .nav-masthead
     .nav-link
         & + .nav-link