bug fix: css

static/websiteFunctions/websiteFunctions.css

@@ -40,24 +40,31 @@
 .mt-5 {
     margin-top: 5px;
 }
+
 .mt-10 {
     margin-top: 10px;
 }
+
 .mt-20 {
     margin-top: 20px;
 }
+
 .mt-30 {
     margin-top: 30px;
 }
+
 .mr-10 {
     margin-right: 10px;
 }
+
 .mb-10 {
     margin-bottom: 10px;
 }
+
 .ml-10 {
     margin-left: 10px;
 }
+
 .my-10 {
     margin-top: 10px;
     margin-bottom: 10px;
@@ -67,6 +74,7 @@
     margin-left: 5px;
     margin-right: 5px;
 }
+
 .mx-10 {
     margin-left: 10px;
     margin-right: 10px;
@@ -137,18 +145,21 @@ a:hover {
 .align-center {
     margin: 0 auto;
 }
+
 .text-bold {
     font-weight: 600;
 }
+
 .tile-box-shortcut .tile-header {
     background: 0 0;
-    padding: 25px;
+    padding: 1.85em 1.75em;
     position: absolute;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: 400;
-    left: 3em;
+    left: 1.75em;
     bottom: 0px;
 }
+
 .tile-box-shortcut .tile-content-wrapper > .glyph-icon {
     position: absolute;
     left: 25px;
@@ -158,14 +169,15 @@ a:hover {
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
-    font-size: 2.25em;
+    font-size: 1.75em;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
-    left: 25px;
+    left: 20px;
     top: 28px;
 }
+
 .bs-badge {
     font-size: 18px;
     font-weight: 100;
@@ -176,27 +188,33 @@ a:hover {
     border-radius: 2px;
     color: #afeeee;
 }
+
 .tile-box-shortcut .bs-badge {
     left: auto;
     right: 10px;
     top: 30px;
     background: transparent;
 }
+
 #sidebar-menu {
     background: #EAEAF1;
 }
+
 #page-sidebar ul li a .glyph-icon {
     color: #191970;
 }
+
 #header-logo .logo-content-big, .logo-content-small {
     height: 40px;
     left: 15px;
 }
+
 #mobile-navigation .logo-content-small {
     width: 50px;
     display: block;
     left: 75px;
 }
+
 #header-nav-left {
     margin: 0 20px;
 }
@@ -205,12 +223,18 @@ a:hover {
     background: #ffffff;
 }
 
+#sb-site, .sb-site-container {
+    min-height: 250vh;
+}
+
 .service-panel {
     background: #A1BDC6 !important;
 }
+
 .serviceImg img {
     box-shadow: 0 0 2px 1px rgba(0, 0, 0, .05);
 }
+
 .btn-icon {
     top: 0px;
     left: 0px;
@@ -229,11 +253,33 @@ a:hover {
     background: #33ADFF;
     border-color: #0099FF;
 }
+
 .btn-primary:hover, .btn-primary:focus {
     background: #5CBDFF;
     border-color: #33ADFF;
 }
 
 .btn-min-width {
-    min-width: 300px;
+    min-width: 275px;
+}
+
+
+@media only screen and (max-width: 425px) {
+
+    .tile-box-shortcut .tile-header {
+        left: .5em;
+        font-size: 16px;
+        padding: 1.75em .5em;
+        text-align: center;
+
+    }
+
+    .fa {
+        font-size: 1.5em;
+        visibility: hidden;
+    }
+
+    [class^='col-'] {
+        padding-left: 0px;
+    }
 }