Updated color scheme of portfolio website to a blue.

css/freelancer.css

@@ -18,8 +18,10 @@ a.active,
 a:active,
 a:focus,
 a:hover {
-  color: #18BC9C;
-  outline: none; }
+  color: #498FBE;
+  outline: none;
+}
+
 
 h1,
 h2,
@@ -55,13 +57,13 @@ hr.star-light {
 
 hr.star-light:after {
   color: white;
-  background-color: #18BC9C; }
+  background-color: #37ADBE; }
 
 hr.star-primary {
-  border-color: #3B536B; }
+  border-color: #2C3E50; }
 
 hr.star-primary:after {
-  color: #3B536B;
+  color: #2C3E50;
   background-color: white; }
 
 .img-centered {
@@ -75,7 +77,7 @@ section {
 
 section.success {
   color: white;
-  background: #18BC9C; }
+  background: #37ADBE; }
 
 @media (max-width: 767px) {
   section {
@@ -105,7 +107,7 @@ section.success {
   font-weight: 700;
   text-transform: uppercase;
   border: none;
-  background: #3B536B; }
+  background: #2C3E50; }
   #mainNav a:focus {
     outline: none; }
   #mainNav .navbar-brand {
@@ -118,7 +120,7 @@ section.success {
     #mainNav .navbar-nav li.nav-item a.nav-link {
       color: white; }
       #mainNav .navbar-nav li.nav-item a.nav-link:hover {
-        color: #18BC9C;
+        color: #37ADBE;
         outline: none; }
       #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
         color: white; }
@@ -130,13 +132,13 @@ section.success {
     border-color: white; }
     #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
       color: white;
-      border-color: #18BC9C;
-      background-color: #18BC9C; }
+      border-color: #37ADBE;
+      background-color: #37ADBE; }
 
-@media (min-width: 992  px) {
+@media (min-width: 992px) {
   #mainNav {
-    padding-top: 25px;
-    padding-bottom: 25px;
+    padding-top: 30px;
+    padding-bottom: 30px;
     -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
     -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
     transition: padding-top 0.3s, padding-bottom 0.3s; }
@@ -148,10 +150,10 @@ section.success {
     #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
       color: white;
       border-radius: 3px;
-      background: #18BC9C; }
+      background: #37ADBE; }
       #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
         color: white;
-        background: #18BC9C; }
+        background: #37ADBE; }
   #mainNav.navbar-shrink {
     padding-top: 10px;
     padding-bottom: 10px; }
@@ -163,7 +165,7 @@ header.masthead {
   padding-bottom: 50px;
   text-align: center;
   color: white;
-  background: #18BC9C; }
+  background: #37ADBE; }
   header.masthead img {
     display: block;
     margin: 0 auto 20px; }
@@ -203,7 +205,7 @@ header.masthead {
       -moz-transition: all ease 0.5s;
       transition: all ease 0.5s;
       opacity: 0;
-      background: rgba(24, 188, 156, 0.9); }
+      background: rgba(55, 173, 190, 0.9); }
       #portfolio .portfolio-item .portfolio-link .caption:hover {
         opacity: 1; }
       #portfolio .portfolio-item .portfolio-link .caption .caption-content {
@@ -271,7 +273,7 @@ header.masthead {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
-    background-color: #3B536B; }
+    background-color: #2C3E50; }
     .portfolio-modal .close-modal .lr .rl {
       /* Safari and Chrome */
       z-index: 1052;
@@ -281,7 +283,7 @@ header.masthead {
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
-      background-color: #3B536B; }
+      background-color: #2C3E50; }
 
 .portfolio-modal .modal-backdrop {
   display: none;
@@ -328,23 +330,31 @@ header.masthead {
   opacity: 1; }
 
 .floating-label-form-group-with-focus label {
-  color: #18BC9C; }
+  color: #37ADBE; }
 
 form .row:first-child .floating-label-form-group {
   border-top: 1px solid #eeeeee; }
 
 footer {
-  color: white; }
+  color: white;
+}
+
+footer a{
+  color: #00F0E1;
+  outline: none;
+}
+
+
   footer h3 {
     margin-bottom: 30px; }
   footer .footer-above {
     padding-top: 50px;
-    background-color: #3B536B; }
+    background-color: #2C3E50; }
   footer .footer-col {
     margin-bottom: 50px; }
   footer .footer-below {
     padding: 25px 0;
-    background-color: #3B536B; }
+    background-color: #2C3E50; }
 
 .btn-outline {
   font-size: 20px;
@@ -354,15 +364,15 @@ footer {
   border: solid 2px white;
   background: transparent; }
   .btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
-    color: #18BC9C;
+    color: #37ADBE;
     border: solid 2px white;
     background: white; }
 
 .btn-primary {
   font-weight: 700;
   color: white;
-  border-color: #3B536B;
-  background-color: #3B536B; }
+  border-color: #2C3E50;
+  background-color: #2C3E50; }
   .btn-primary.focus, .btn-primary:focus {
     color: white;
     border-color: black;
@@ -390,25 +400,25 @@ footer {
   fieldset[disabled] .btn-primary.focus,
   fieldset[disabled] .btn-primary:focus,
   fieldset[disabled] .btn-primary:hover {
-    border-color: #3B536B;
-    background-color: #3B536B; }
+    border-color: #2C3E50;
+    background-color: #2C3E50; }
   .btn-primary .badge {
-    color: #3B536B;
+    color: #2C3E50;
     background-color: white; }
 
 .btn-success {
   font-weight: 700;
   color: white;
-  border-color: #18BC9C;
-  background-color: #18BC9C; }
+  border-color: #37ADBE;
+  background-color: #37ADBE; }
   .btn-success.focus, .btn-success:focus {
     color: white;
     border-color: #0a4b3e;
     background-color: #128f76; }
   .btn-success:hover {
     color: white;
-    border-color: #11866f;
-    background-color: #128f76; }
+    border-color: #00F0E1;
+    background-color: #00F0E1; }
   .btn-success.active, .btn-success:active,
   .open > .btn-success.dropdown-toggle {
     color: white;
@@ -428,10 +438,10 @@ footer {
   fieldset[disabled] .btn-success.focus,
   fieldset[disabled] .btn-success:focus,
   fieldset[disabled] .btn-success:hover {
-    border-color: #18BC9C;
-    background-color: #18BC9C; }
+    border-color: #37ADBE;
+    background-color: #37ADBE; }
   .btn-success .badge {
-    color: #18BC9C;
+    color: #37ADBE;
     background-color: white; }
 
 .btn-social {

index.html

@@ -9,12 +9,12 @@
 
     <title>Jeffery Russell</title>
 
-    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/bootstrap.css" rel="stylesheet">
     <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
     <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic"
           rel="stylesheet" type="text/css">
-    <link href="css/freelancer.min.css" rel="stylesheet">
+    <link href="css/freelancer.css" rel="stylesheet">
 
   </head>