diff --git a/css/animations.css b/css/animations.css
index 1674bae..ba7e644 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -566,7 +566,7 @@
   text-align: center;
  /* color: #0080ff;*/
 }
-@media (max-width:767px) {
+@media (max-width:867px) {
   .display-3 { font-size: 4.4rem;}
   .navbar-ontop { background-color: #303030 !important;}
 }
diff --git a/index.html b/index.html
index a4d600d..68b6825 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
 <body class="" style="">
   <!-- Navbar -->
   <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;">
-    <div class="container">
+    <div class="container pt-6">
       <a class="navbar-brand" href="#"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a>
       <div class="row">
         <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
@@ -182,10 +182,11 @@
   <div class="section">
     <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
       <div class="row">
-        <div class="col-md-6 text-center mx-auto px-5 pt-4">
-          <h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
-          <h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
-          <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+        <div class="col-md-6 text-center mx-auto flex-center">
+          <div>
+            <h2 class="my-3 highlight_secondary team-header text-white no-wrap">We volunteer our time.</h2>
+            <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+          </div>
         </div>
         <div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/coffee-break.svg" width="300"></div>
       </div>
diff --git a/neon.css b/neon.css
index 5ba6423..dd19c91 100644
--- a/neon.css
+++ b/neon.css
@@ -34,7 +34,7 @@
   --dark: #303030;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
+  --breakpoint-md: 868px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -461,7 +461,7 @@
   @media (min-width: 576px) {
     .container {
       max-width: 540px; } }
-  @media (min-width: 768px) {
+  @media (min-width: 868px) {
     .container {
       max-width: 720px; } }
   @media (min-width: 992px) {
@@ -740,7 +740,7 @@
   .offset-sm-11 {
     margin-left: 91.66667%; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .col-md {
     flex-basis: 0;
     flex-grow: 1;
@@ -1215,7 +1215,7 @@
     .table-responsive-sm > .table-bordered {
       border: 0; } }
 
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
   .table-responsive-md {
     display: block;
     width: 100%;
@@ -2770,7 +2770,8 @@
 
 .nav-link {
   display: block;
-  padding: 0.5rem 1rem; }
+  padding: 0.5rem 1rem;
+  white-space: nowrap; }
   .nav-link:hover, .nav-link:focus {
     text-decoration: none; }
   .nav-link.disabled {
@@ -2918,13 +2919,13 @@
     .navbar-expand-sm .navbar-toggler {
       display: none; } }
 
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid {
     padding-right: 0;
     padding-left: 0; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .navbar-expand-md {
     flex-flow: row nowrap;
     justify-content: flex-start; }
@@ -4534,7 +4535,7 @@
   .d-sm-inline-flex {
     display: inline-flex !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .d-md-none {
     display: none !important; }
   .d-md-inline {
@@ -4820,7 +4821,7 @@
   .align-self-sm-stretch {
     align-self: stretch !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .flex-md-row {
     flex-direction: row !important; }
   .flex-md-column {
@@ -5047,7 +5048,7 @@
   .float-sm-none {
     float: none !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .float-md-left {
     float: left !important; }
   .float-md-right {
@@ -5390,6 +5391,14 @@
 .py-5 {
   padding-top: 4.5rem !important; }
 
+.pt-6 {}
+  @media (min-width: 576px) {
+    .pt-6 {
+      max-width: 540px; } }
+  @media (min-width: 868px) {
+    .pt-6 {
+      max-width: 1140px; } } }
+
 .pr-5,
 .px-5 {
   padding-right: 4.5rem !important; }
@@ -5605,7 +5614,7 @@
   .mx-sm-auto {
     margin-left: auto !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .m-md-0 {
     margin: 0 !important; }
   .mt-md-0,
@@ -6188,7 +6197,7 @@
   .text-sm-center {
     text-align: center !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .text-md-left {
     text-align: left !important; }
   .text-md-right {
@@ -6576,3 +6585,13 @@
   .animate-in-right.out-of-viewport {
     opacity: 0;
     left: 5%; }
+
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.no-wrap {
+  white-space: nowrap;
+}