added more images in carousel

cao_blogr/static/theme.css

@@ -2,8 +2,8 @@
 /* https://www.w3schools.com/bootstrap/bootstrap_theme_band.asp */
 
 body {
-  font: 400 19px/1.8 Georgia, serif;
-  color: #777;
+  font: 400 15px/1.8 Lato, sans-serif;
+  color: #666;
 }
 h3, h4 {
   margin: 10px 0 30px 0;
@@ -12,7 +12,7 @@ h3, h4 {
   color: #111;
 }
 .container {
-  padding: 80px 120px;
+  padding: 60px 80px;
 }
 .person {
   border: 10px solid transparent;
@@ -24,9 +24,10 @@ h3, h4 {
 .person:hover {
   border-color: #f1f1f1;
 }
+.carousel {
+  margin-top: 5em;
+}
 .carousel-inner img {
-  -webkit-filter: grayscale(90%);
-  filter: grayscale(90%); /* make all photos black and white */ 
   width: 100%; /* Set width to 100% */
   margin: auto;
 }
@@ -82,21 +83,32 @@ h3, h4 {
 }  
 .navbar {
   font-family: Montserrat, sans-serif;
-  margin-bottom: 0;
-  background-color: #bc2131;
-  border: 0;
+  color: #000000 !important;
+  background-color: #FBFBFB;
+	border-bottom: 1px solid black;
+	border-radius: 0;
   font-size: 14px !important;
   letter-spacing: 4px;
+  min-height: 82px;
   opacity: 0.9;
 }
+.navbar-brand {
+  transform: translateX(-50%);
+  left: 50%;
+  position: absolute;
+  height: 50px;
+  padding: 0px;
+  font-size: 18px;
+  line-height: 20px;
+}
 .navbar li a, .navbar .navbar-brand { 
-  color: #ffffff !important;
+  color: #000000 !important;
 }
 .navbar-nav li a:hover {
-  color: #fff !important;
+  color: #f4511e !important;
 }
 .navbar-nav li.active a {
-  color: #fff !important;
+  color: #000 !important;
   background-color: #29292c !important;
 }
 .navbar-default .navbar-toggle {
@@ -113,7 +125,7 @@ h3, h4 {
   background-color: red !important;
 }
 footer {
-  background-color: #bc2131;
+  background-color: #2d2d30;
   color: #f5f5f5;
   padding: 32px;
 }