fixed colors

css/stylish-portfolio.css

@@ -125,7 +125,7 @@ h6 {
   height: 100%;
   transition: all 0.4s ease 0s;
   transform: translateX(250px);
-  background: #1D809F;
+  background: #768D64;
   border-left: 1px solid rgba(255, 255, 255, 0.1);
 }
 
@@ -204,7 +204,7 @@ h6 {
 
 .service-icon {
   background-color: #fff;
-  color: #1D809F;
+  color: #768D64;
   height: 7rem;
   width: 7rem;
   display: block;
@@ -292,7 +292,7 @@ h6 {
     clip-path: inset(2rem);
   }
   .portfolio-item:hover .caption {
-    background-color: rgba(29, 128, 159, 0.9);
+    background-color: rgba(118, 141, 100, 0.9);
     -webkit-clip-path: inset(2rem);
     clip-path: inset(2rem);
   }
@@ -315,33 +315,33 @@ footer.footer .social-link {
   width: 4rem;
   line-height: 4.3rem;
   font-size: 1.5rem;
-  background-color: #1D809F;
+  background-color: #768D64;
   transition: background-color 0.15s ease-in-out;
   box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
 }
 
 footer.footer .social-link:hover {
-  background-color: #155d74;
+  background-color: #5d6f4f;
   text-decoration: none;
 }
 
 a {
-  color: #1D809F;
+  color: #768D64;
 }
 
 a:hover, a:focus, a:active {
-  color: #155d74;
+  color: #5d6f4f;
 }
 
 .btn-primary {
-  background-color: #1D809F !important;
-  border-color: #1D809F !important;
+  background-color: #768D64 !important;
+  border-color: #768D64 !important;
   color: #fff !important;
 }
 
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
-  background-color: #155d74 !important;
-  border-color: #155d74 !important;
+  background-color: #5d6f4f !important;
+  border-color: #5d6f4f !important;
 }
 
 .btn-secondary {
@@ -365,11 +365,11 @@ a:hover, a:focus, a:active {
 }
 
 .bg-primary {
-  background-color: #1D809F !important;
+  background-color: #768D64 !important;
 }
 
 .text-primary {
-  color: #1D809F !important;
+  color: #768D64 !important;
 }
 
 .text-secondary {

index.html

@@ -164,7 +164,6 @@ <h2></h2>
     <section class="content-section bg-primary text-white text-center" id="portfolio">
     <div class="container">
       <div class="content-section-heading text-center">
-        <h3 class="text-secondary mb-0">Groups</h3>
         <h2 class="mb-5">Ongoing</h2>
       </div>
       <div class="row no-gutters">

scss/_variables.scss

@@ -14,5 +14,5 @@ $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 $black: #000 !default;
 
-$primary: #1D809F !default;
+$primary: #768D64 !default;
 $secondary: #ecb807 !default;