new layouts

css/styles.scss

@@ -1,127 +1,4 @@
 ---
 ---
 
-@import "bootstrap";
-
-html {
-    position: relative;
-    min-height: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-body {
-    margin-bottom: 465px;
-}
-
-@media(min-width:$screen-sm) {
-    body {
-        margin-bottom: 300px;
-    }
-}
-
-.btn {
-    @include box-shadow("0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)");
-    border: 0;
-
-    &:hover {
-        @include box-shadow("0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08)");
-    }
-}
-
-.btn-secondary {
-    @include button-variant(#ffffff, $brand-secondary, $brand-secondary);
-}
-
-.btn-xl {
-    @include button-size(20px, 25px, $font-size-large, $line-height-large, 5px);
-}
-
-.navbar-brand {
-    @media(min-width:$screen-sm) {
-        .fa {
-            font-size: 1.33333333em;
-            line-height: 0.75em;
-            vertical-align: -15%;
-        }
-
-        &:hover {
-            color: $navbar-inverse-link-hover-color !important;
-        }
-    }
-
-    @media(max-width:$screen-xs-max) {
-        font-size: 30px;
-        padding-top: 25px;
-        font-weight: 300;
-    }
-}
-
-.navbar-nav {
-    b {
-        font-weight: 600;
-    }
-}
-
-@media(max-width:$screen-xs-max) {
-    .navbar-collapse {
-        background-color: $brand-primary-accent;
-        border: 0;
-        @include box-shadow("inset 0 10px 10px -10px rgba(0,0,0,.35), inset 0 -10px 10px -10px rgba(0,0,0,.35);");
-    }
-}
-
-footer {
-    background-color: $brand-dark-accent;
-    height: 465px;
-    margin: 0;
-    color: #b8c7ce;
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-    font-size: 16px;
-    padding: 40px 0;
-
-    h4 {
-        color: #fff;
-    }
-
-    a {
-        color: #8aa4af;
-
-        &:hover {
-            color: #fff;
-        }
-    }
-
-    ul {
-        li {
-            padding-bottom: 10px;
-        }
-    }
-
-    .social {
-        i {
-            font-size: 40px;
-            margin-bottom: 10px;
-        }
-    }
-
-    @media(min-width:$screen-md) {
-        .social {
-            margin-top: 40px;
-
-            i {
-                font-size: 55px;
-            }
-        }
-    }
-
-    @media(min-width:$screen-sm) {
-        height: 300px;
-
-        .social {
-            margin-top: 0;
-        }
-    }
-}
+@import "help";