added css for specific screen widths

4 files changed, 8 insertions, 0 deletions

diff --git a/assets/css/style1024.css b/assets/css/style1024.css
new file mode 100644
index 0000000..32d5ac0
--- /dev/null
+++ b/assets/css/style1024.css
@@ -0,0 +1,2 @@
+@media only screen and (min-width: 769px) and (max-width: 1024px) {
+}
diff --git a/assets/css/style768.css b/assets/css/style768.css
new file mode 100644
index 0000000..429fa15
--- /dev/null
+++ b/assets/css/style768.css
@@ -0,0 +1,2 @@
+@media only screen and (max-width: 768px) {
+}
diff --git a/views/layouts/layout.hbs b/views/layouts/layout.hbs
index db1ab85..52a3506 100644
--- a/views/layouts/layout.hbs
+++ b/views/layouts/layout.hbs
@@ -9,6 +9,8 @@
 
     <!--Custom CSS Files-->
     <link href="/assets/css/style.css" rel="stylesheet" type="text/css">
+    <link href="/assets/css/style768.css" rel="stylesheet" type="text/css">
+    <link href="/assets/css/style1024.css" rel="stylesheet" type="text/css">
 
     <!--Bootstrap File-->
     <link rel="stylesheet" href="/assets/css/bootstrap.css">
diff --git a/views/layouts/layout_mini.hbs b/views/layouts/layout_mini.hbs
index b5dbbed..04bb48d 100644
--- a/views/layouts/layout_mini.hbs
+++ b/views/layouts/layout_mini.hbs
@@ -9,6 +9,8 @@
 
     <!--Custom CSS Files-->
     <link href="/assets/css/min/style.min.css" rel="stylesheet" type="text/css">
+    <link href="/assets/css/style768.min.css" rel="stylesheet" type="text/css">
+    <link href="/assets/css/style1024.min.css" rel="stylesheet" type="text/css">
 
     <!--Bootstrap File-->
     <link rel="stylesheet" href="/assets/css/min/bootstrap.min.css">