seriously_simple_static_starter 0.1.1

data/_sass/_feature-block.scss

@@ -0,0 +1,5 @@
+.feature__block {
+    .block__image img {
+        border-radius: 5px;
+    }
+}

data/_sass/_fontello.scss

@@ -0,0 +1,46 @@
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?53614618#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+ 
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.icon-up-open:before { content: '\e800'; } /* '' */

data/_sass/_header.scss

@@ -0,0 +1,7 @@
+header {
+    .jumbotron {
+        h1 {
+            padding-top:100px;
+        }
+    }
+}

data/_sass/_highlighter.scss

@@ -0,0 +1,84 @@
+.highlight pre { background-color: #272822; color:white; }
+.highlight .hll { background-color: #272822; }
+.highlight .c { color: #75715e } /* Comment */
+.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
+.highlight .k { color: #66d9ef } /* Keyword */
+.highlight .l { color: #ae81ff } /* Literal */
+.highlight .n { color: #f8f8f2 } /* Name */
+.highlight .o { color: #f92672 } /* Operator */
+.highlight .p { color: #f8f8f2 } /* Punctuation */
+.highlight .cm { color: #75715e } /* Comment.Multiline */
+.highlight .cp { color: #75715e } /* Comment.Preproc */
+.highlight .c1 { color: #75715e } /* Comment.Single */
+.highlight .cs { color: #75715e } /* Comment.Special */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .kc { color: #66d9ef } /* Keyword.Constant */
+.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
+.highlight .kn { color: #f92672 } /* Keyword.Namespace */
+.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
+.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
+.highlight .kt { color: #66d9ef } /* Keyword.Type */
+.highlight .ld { color: #e6db74 } /* Literal.Date */
+.highlight .m { color: #ae81ff } /* Literal.Number */
+.highlight .s { color: #e6db74 } /* Literal.String */
+.highlight .na { color: #a6e22e } /* Name.Attribute */
+.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
+.highlight .nc { color: #a6e22e } /* Name.Class */
+.highlight .no { color: #66d9ef } /* Name.Constant */
+.highlight .nd { color: #a6e22e } /* Name.Decorator */
+.highlight .ni { color: #f8f8f2 } /* Name.Entity */
+.highlight .ne { color: #a6e22e } /* Name.Exception */
+.highlight .nf { color: #a6e22e } /* Name.Function */
+.highlight .nl { color: #f8f8f2 } /* Name.Label */
+.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
+.highlight .nx { color: #a6e22e } /* Name.Other */
+.highlight .py { color: #f8f8f2 } /* Name.Property */
+.highlight .nt { color: #f92672 } /* Name.Tag */
+.highlight .nv { color: #f8f8f2 } /* Name.Variable */
+.highlight .ow { color: #f92672 } /* Operator.Word */
+.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
+.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
+.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
+.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
+.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
+.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
+.highlight .sc { color: #e6db74 } /* Literal.String.Char */
+.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
+.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
+.highlight .se { color: #ae81ff } /* Literal.String.Escape */
+.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
+.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
+.highlight .sx { color: #e6db74 } /* Literal.String.Other */
+.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
+.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
+.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
+.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
+.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
+.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
+.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
+
+.highlight .gh { } /* Generic Heading & Diff Header */
+.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
+.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
+.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
+
+
+pre.highlight {
+    padding: 15px;
+    position: relative;
+}
+pre.highlight::-webkit-scrollbar{
+    height: 10px;
+    width: 4px;
+    background: #d9d9da;
+}
+pre.highlight::-webkit-scrollbar-thumb:horizontal{
+    background: #212528;
+    border-radius: 0;
+}
+
+.highlight pre {
+    background-color: #212528;
+}

data/_sass/_inherited.scss

@@ -0,0 +1,39 @@
+$z-index-navbar: 10;
+$footer-height: 60px;
+
+  
+  .site-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: $z-index-navbar;
+  }
+  
+  body > .site-header + .container {
+    padding: 60px 15px 0;
+  }
+  
+  .container {
+    max-width: 720px;
+  }
+  
+  .site-footer {
+    background-color: #ccc;
+    bottom: 0;
+    height: $footer-height;
+    line-height: 60px;
+    position: absolute;
+    width: 100%;
+  
+    ul {
+      display: inline-block;
+      padding: 0;
+      margin: 0;
+  
+      > li {
+        display: inline-block;
+        list-style-type: none;
+      }
+    }
+  }

data/_sass/_navbar.scss

@@ -0,0 +1,188 @@
+
+header {
+    overflow:hidden;
+    height: auto;
+    background-color: $primary;
+    background-color: #36a1f0;
+    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%202560%201600%22%20version%3D%221.1%22%20viewBox%3D%220%200%202560%201600%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%2336a1f0%3B%7D%0D%0A%20%20%20%20.st1%7Bfill%3Aurl%28%23a%29%3B%7D%0D%0A%20%20%20%20polygon%7Bfill%3A%2352a7e7%7D%3B%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpattern%20id%3D%22a%22%20width%3D%22319.998%22%20height%3D%22319.998%22%20overflow%3D%22visible%22%20patternUnits%3D%22userSpaceOnUse%22%20viewBox%3D%220%20-399.997%20319.998%20319.998%22%3E%0D%0A%09%09%3Crect%20class%3D%22st0%22%20y%3D%22-400%22%20width%3D%22320%22%20height%3D%22320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-79.999%20240%200%20160%20-79.999%20160%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-160%20240%20-79.999%20240%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-79.999%2079.999%200%200%20-79.999%200%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-160%2079.999%20-79.999%2079.999%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-240%20320%20-160%20240%20-240%20240%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-240%20160%20-160%2079.999%20-240%2079.999%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-320%20160%20-240%20160%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-240%20240%20-160%20160%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-320%200%20-240%200%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-240%2079.999%20-160%200%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-400%20240%20-320%20160%20-400%20160%20-480%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-400%20320%20-320%20240%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-400%2079.999%20-320%200%20-400%200%20-480%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-400%20160%20-320%2079.999%20-320%22%2F%3E%0D%0A%3C%2Fpattern%3E%0D%0A%3Crect%20class%3D%22st1%22%20width%3D%222560%22%20height%3D%221600%22%2F%3E%0D%0A%3C%2Fsvg%3E");
+    .jumbotron {
+        background-color: transparent;
+        padding-left: 0px;
+        padding-right:0px;
+    }
+    &.background_image {
+      background: transparent !important;
+      img.header__image {
+          filter: brightness(0.4);
+          position: absolute;
+          z-index: -1;
+          height: 100%;
+          width: 100%;  
+          object-fit: cover;
+      }
+    }
+}
+img.navbar-brand {
+    height: 40px;
+    padding: 0 0;
+}
+
+@-webkit-keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+#main_container {
+    padding-top: 70px;
+    background-color: #fff;
+}
+.navbar {
+  border-radius: 0;
+  -webkit-transition: all 0.3s ease-out;
+  -moz-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
+  background-color: transparent;
+  @include media-breakpoint-down(sm) {
+    a.dropdown-item {
+        padding: 1rem 0.5rem;
+    }
+  }
+  .nav-link {
+      font-size: 1.4rem;
+        &.dropdown-toggle{
+          &:hover + .dropdown-menu {
+              -webkit-animation-name: fadeInUp;
+              animation-name: fadeInUp;
+          }
+        }
+  }
+  .dropdown.show {
+    .dropdown-menu {
+      opacity: 1;
+    }
+  }
+  .dropdown-menu {
+          opacity: 0;
+            -webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+            -moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+            box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+          &:hover {
+            opacity: 1;
+          }
+          &::before {
+              border-color: rgba(184, 184, 184, 0);
+              border-bottom-color: #b8b8b8;
+              border-width: 6px;
+              background-clip: padding-box;
+            	bottom: 100%;
+              right: 15px;
+              border: solid transparent;
+              content: " ";
+              height: 0;
+              width: 0;
+              position: absolute;
+              pointer-events: none;
+          }
+        }
+
+  padding-top: 30px;
+  padding-bottom: 30px;
+  .dropdown-toggle::after {
+      display: none;
+  }
+}
+.icon-bar {
+	width: 22px; 
+	height: 2px;
+	background-color: #fff;
+	display: block;
+	transition: all 0.2s;
+	margin-top: 4px
+}
+nav.navbar.navbar-dark.navbar-expand-md.fixed-top.bg-faded:hover {
+    background-color:$primary;
+}
+.navbar-toggler {
+  border: none;
+  background: transparent !important;
+}
+ 
+.navbar-toggler .top-bar {
+  transform: rotate(45deg);
+  transform-origin: 10% 10%;
+}
+ 
+.navbar-toggler .middle-bar {
+  opacity: 0;
+}
+ 
+.navbar-toggler .bottom-bar {
+  transform: rotate(-45deg);
+  transform-origin: 10% 90%;
+}
+ 
+.navbar-toggler.collapsed .top-bar {
+  transform: rotate(0);
+}
+ 
+.navbar-toggler.collapsed .middle-bar {
+  opacity: 1;
+}
+ 
+.navbar-toggler.collapsed .bottom-bar {
+  transform: rotate(0);
+}
+.affix {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+/* fixed to top styles */
+.affix.navbar {
+  background-color: $primary;
+}
+.affix.navbar .nav-item>a, 
+.affix.navbar .navbar-brand {
+  color: #fff;
+}
+/* navbar collapsing */
+@media(max-width:34em) {
+    .navbar .navbar-nav>.nav-item {
+        float: none;
+        margin-left: .1rem;
+    }
+    .navbar .navbar-nav {
+        float:none !important;
+    }
+    .navbar .collapse.in, .navbar .collapsing  {
+        clear:both;
+    }
+}

data/_sass/_theme.scss

@@ -0,0 +1,397 @@
+::-moz-selection { background: $primary; }
+::selection { background: $primary; }
+
+// .btn {
+//     font-size: 1rem;
+//     padding: 10px 30px;
+// }
+.card {
+    margin-top:30px;
+}
+.card__block {
+    padding: 0 50px;
+    .card {
+        .card-img-top {
+            overflow: hidden;
+        }
+        overflow: hidden;
+        &:hover {
+            margin-top: 25px;
+            -webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+            -moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+            box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
+            img {
+                filter: brightness(100%);
+                }
+        }
+        img {
+            &:hover {
+                filter: brightness(100%);
+            }
+            filter: brightness(90%);
+            transition: all 1s ease-in-out;
+        }
+        transition: all 300ms ease-in-out;
+    }
+}
+.padded {
+    padding: 50px 15px;
+}
+section.container ul {
+    font-size: 20px;
+}
+section.container p {
+    font-size: 22px;
+}
+.container {
+    max-width: 1200px !important;
+}
+body{
+    font-family: 'Dosis';
+    background-color: #fff;
+}
+.dropdown-menu {
+    margin-top: -1px;
+}
+.container .col-md-4 a:hover {
+    text-decoration: none;
+}
+
+.container .col-md-4 a:hover img {
+    opacity: .8;
+}
+
+.jumbotron{
+    background-color: #353940;
+}
+div#main-container {
+    background-color: white;
+}
+#wrapper .site-footer {
+    background-color: #212528;
+    height: 100%;
+}
+#wrapper .site-footer {
+    position: relative;
+}
+#wrapper .darken:after {
+    content:"";
+    display:block;
+    position:absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    right:0;
+    background:rgba(0,0,0,0.7);
+}
+// Scroll to Top
+/* .testheight Not required - unless testing ;) */
+.testheight {
+    height:1200px;
+    font-size:20px;
+    text-align:center;
+    padding:100px 20px;
+}
+.scrolltop {
+    display:none;
+    width:100%;
+    margin:0 auto;
+    position:fixed;
+    bottom:20px;
+    right:10px;	
+}
+.scroll {
+    position: absolute;
+    right: -5px;
+    bottom: -15px;
+    background: #212529;
+    padding: 20px;
+    color: white;
+    text-align: center;
+    margin: 0 0 0 0;
+    cursor: pointer;
+    transition: 0.5s;
+    -moz-transition: 0.5s;
+    -webkit-transition: 0.5s;
+    -o-transition: 0.5s; 		
+}
+.scroll:hover {
+    background:$gray-800;
+    transition: 0.5s;
+    -moz-transition: 0.5s;
+    -webkit-transition: 0.5s;
+    -o-transition: 0.5s; 		
+}
+.scroll:hover .fa {
+    padding-top:-10px;
+}
+.scroll .fa {
+    font-size:30px;
+    margin-top:-5px;
+    margin-left:1px;
+    transition: 0.5s;
+    -moz-transition: 0.5s;
+    -webkit-transition: 0.5s;
+    -o-transition: 0.5s; 	
+}
+body{
+    font-family: 'Lato', sans-serif !important;
+}
+//Scroll Bar
+body::-webkit-scrollbar {
+    width: 1em;
+}
+body::-webkit-scrollbar-track {
+  background-color: #000;
+}
+body::-webkit-scrollbar-thumb {
+  background-color: $gray-900;
+}
+.dropdown-menu.collapsing {
+    display:block;
+}
+
+/* ANIMATED X */
+.navbar-toggler {
+    border-color: none;
+}
+.navbar-toggler .top-bar {
+transform: rotate(45deg);
+transform-origin: 10% 10%;
+}
+
+.navbar-toggler .middle-bar {
+opacity: 0;
+}
+
+.navbar-toggler .bottom-bar {
+transform: rotate(-45deg);
+transform-origin: 10% 90%;
+}
+   
+/* ANIMATED X COLLAPSED */
+
+.navbar-toggler.collapsed .top-bar {
+transform: rotate(0);
+}
+
+.navbar-toggler.collapsed .middle-bar {
+opacity: 1;
+}
+
+.navbar-toggler.collapsed .bottom-bar {
+transform: rotate(0);
+}
+/* END ANIMATED X */
+
+.icon-bar {
+	width: 22px; 
+	height: 2px;
+	background-color: #B6B6B6;
+	display: block;
+	transition: all 0.2s;
+	margin-top: 4px
+}
+ 
+.navbar-toggler {
+  border: none;
+  background: transparent !important;
+}
+//navbar 
+.bg-dark{
+    background-color: $gray-900 !important; 
+}
+.bg-up {
+    background-position-y: -300px !important;
+}
+
+h2.title {
+    font-size: 42px;
+}
+.row.jumbotron.jumbotron-fluid {
+    background-position-x: center !important;
+    background-attachment: fixed !important;
+    background-size: cover !important;
+    margin-bottom: 0px;
+    background-repeat: no-repeat !important;
+}
+.bg-image {
+    background-size: cover !important;
+    background-repeat: no-repeat;
+    background-position: center center;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.carousel-item > div{
+    height: 400px;
+    background-position:center center !important;
+    background-size:cover !important;
+}
+button.navbar-toggler {
+    outline: none;
+}
+#wrapper a.nav-link:hover {
+    color:$primary;
+}
+.navbar-collapse.show, .navbar-collapse.collapsing   {
+    text-align: center;
+}
+
+.navbar-collapse.show .dropdown-menu, .navbar-collapse.collapsing .dropdown-menu {
+    text-align: center;
+}
+.dropdown:hover>.dropdown-menu {
+    display: block;
+  }
+  .carousel-item p {
+    font-size: 32px;
+}
+
+.carousel-item h4 {
+    font-size: 40px;
+}
+.flex-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.flex-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+#wrapper ul.services-list li {
+    display: block;
+    line-height: 23px;
+}
+.site-footer h3 {
+    color:#e9e9e9;
+    margin-top: 20px;
+}
+
+ul.services-list li {
+    color:#e9e9e9;
+    font-size: 18px;
+}
+#wrapper .strip .col-md-6 {
+    color:#e9e9e9;
+}
+#wrapper .strip .col-md-6.left {
+    text-align: left;
+}
+#wrapper .strip .col-md-6.right {
+    text-align: right;
+}
+#wrapper .strip .col-md-6 span {
+    color:#e9e9e9 !important;
+}
+@include media-breakpoint-down(sm) {
+    #wrapper .center-sm {
+        text-align: center !important;
+    }
+    .responsive-text {
+        font-size: 22px !important;
+    }
+    .responsive-text-large {
+        font-size: 28px !important;
+    }
+    #wrapper #usp-block p.responsive-text-small {
+        font-size: 18px !important;
+    }
+    .bg-up {
+        background-position-y: center !important;
+    }
+}
+.site-footer ul > li {
+    display: inline-block;
+    list-style-type: none;
+    margin: 0 2px;
+}
+#wrapper #usp-block p {
+    font-size: 24px;
+}
+$spaceamounts: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100); // Adjust this to include the pixel amounts you need.
+$sides: (top, bottom, left, right); // Leave this variable alone
+
+@each $space in $spaceamounts {
+  @each $side in $sides {
+    .m-#{str-slice($side, 0, 1)}-#{$space} {
+      margin-#{$side}: #{$space}px !important;
+    }
+  
+    .p-#{str-slice($side, 0, 1)}-#{$space} {
+      padding-#{$side}: #{$space}px !important;
+    }
+  }
+}
+p {
+    font-size: 18px;
+}
+img.col-image {
+    width: auto;
+    height: 125px;
+}
+.no-padding {
+    padding: 0;
+}
+.bg-image-col h2 {
+    z-index: 2;
+    color: white;
+    margin-top: 20px;
+    position: relative;
+}
+.bg-image-col p.responsive-text-small {
+    position: relative;
+    color: white;
+    width: 90%;
+    margin: auto;
+}
+.bg-image-col a.btn.btn-primary {
+    position: relative;
+    margin: 10px;
+}
+.bg-image-col{
+    height: 250px;
+}
+.outer {
+    height: 100%;
+}
+//about
+img.img-fluid.team.lazyloaded {
+    height: 150px;
+}
+
+//blog
+.highlighter-rouge > div {
+    position: relative;
+}
+.blog-item {
+    background-color: #f2f2f2;
+    border: 1px solid black;
+    margin-bottom:10px;
+    overflow: hidden !important;
+}
+.blog-item img {
+    height: 250px;
+    object-fit: cover;
+    background-color: #f2f2f2;
+    width: 100%;
+}
+.blog-item h3 {
+    position: relative;
+    color:black;
+}
+.highlighter-rouge button.btn {
+    position: absolute;
+    bottom: 0px;
+    z-index: 999999;
+    right: 0px;
+    border-left: 1px solid white;
+    border-top: 1px solid white;
+}
+.highlighter-rouge button:focus {outline:0 !important;}
+.highlighter-rouge button.btn:hover {
+    background-color:#212529;
+    color:white;
+}