Testing styles

public/styles/index.scss

@@ -59,7 +59,6 @@
 
 //Objects
 @import './objects/main.scss';
-@import './objects/title.scss';
 
 @import './objects/_app.scss';
 @import './objects/_background.scss';
@@ -69,6 +68,7 @@
 @import './objects/_input.scss';
 @import './objects/_loader.scss';
 @import './objects/_navbar.scss';
+@import './objects/_title.scss';
 @import './objects/_video.scss';
 
 //Components
@@ -82,12 +82,15 @@
 @import './components/_video-section.scss';
 
 //Pages
+@import './pages/_about-page.scss';
 @import './pages/_contact-page.scss';
 @import './pages/_home-page.scss';
 
 //Utilities
 @import './utilities/text-align.scss';
 
+@import './utilities/_responsive.scss';
+
 //Vendor
 @import './vendor/_fonts.scss';
 

public/styles/utilities/_responsive.scss

@@ -0,0 +1,26 @@
+/*
+ *  Responsive Utilities
+ *    Provides Common Responsive Class Utilities
+ *
+ *  Dependencies:
+ *    styles/settings/responsive.scss
+ *    styles/tools/_responsive.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/06/05
+ */
+
+@each $breakpoint in $s-breakpoints {
+  $name: nth($breakpoint, 1);
+  $declaration: nth($breakpoint, 2);
+
+  .u-responsive--#{$name} {
+    display: none;
+  }
+
+  @include t-media-query($name) {
+    .u-responsive--#{$name} {
+      display: block;
+    }
+  }
+}