A couple of small design fixes

_includes/about.html

@@ -1,35 +1,43 @@
 <!-- Services Section -->
     <section id="about">
         <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center text-muted">
+                    <h3 class="section-heading">Event Management</h3>
+                </div>
+            </div>
             <div class="row text-center">
                 <div class="col-md-4">
                     <span class="fa-stack fa-4x">
-                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                        <i class="fa fa-circle fa-stack-2x" style="color: #AEEE00;"></i>
                         <i class="fa fa-file-text fa-stack-1x fa-inverse"></i>
                     </span>
                     <h4 class="service-heading">Paper Submission</h4>
+                    <hr style="width: 50%; border-color: #AEEE00;">
                     <p class="text-muted">
                         Helps you to call for papers in your community. Recieve, classify, eavaluate and schedule submissions for your event.
                     </p>
                 </div>
                 <div class="col-md-4">
                     <span class="fa-stack fa-4x">
-                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                        <i class="fa fa-circle fa-stack-2x" style="color: #01B0F0;"></i>
                         <i class="fa fa-calendar fa-stack-1x fa-inverse"></i>
                     </span>
                     <h4 class="service-heading">Marketing</h4>
+                    <hr style="width: 50%; border-color: #01B0F0;">
                     <p class="text-muted">
                         Assits you in communicating the value of your event. Create a splash page and agenda. Let visitors register &amp; buy tickets for your event.
                     </p>
                 </div>
                 <div class="col-md-4">
                     <span class="fa-stack fa-4x">
-                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                        <i class="fa fa-circle fa-stack-2x" style="color: #FF358B;"></i>
-                        <i class="fa fa-flash fa-stack-1x fa-inverse"></i>
+                        <i class="fa fa-dashboard fa-stack-1x fa-inverse"></i>
                     </span>
                     <h4 class="service-heading">Analytics</h4>
+                    <hr style="width: 50%; border-color: #FF358B;">
                     <p class="text-muted">
-                        Supports you with staying on top of your event. Inform yourself about the evolution of your program and audience of your event.
+                        Supports you with staying on top of your event. Inform yourself about the evolution of the program and audience of your event.
                     </p>
                 </div>
             </div>

_includes/clients.html

@@ -3,7 +3,11 @@
         <div class="container">
             <div class="row">
                 <div class="col-md-12">
-                    <h4 class="text-center text-muted">Used by</h4>
+                    <div class="ribbon">
+                        <h4 class="text-center text-muted">
+                          <span>Used by</span>
+                        </h4>
+                    </div>
                 </div>
             </div>
             <div class="row">

_includes/css/agency.css

@@ -176,7 +176,6 @@ fieldset[disabled] .btn-xl.active {
 }
 
 .navbar-default .navbar-brand {
-    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
     color: #{{ site.color.primary }};
 }
 
@@ -325,9 +324,9 @@ section {
     padding: 100px 0;
 }
 
-section h2.section-heading {
+section h3.section-heading {
     margin-top: 0;
-    margin-bottom: 15px;
+    padding-bottom: 40px;
     font-size: 40px;
 }
 
@@ -351,6 +350,10 @@ section h3.section-subheading {
     text-transform: none;
 }
 
+#about p {
+    padding: 0 30px 0 30px;
+}
+
 #portfolio .portfolio-item {
     right: 0;
     margin: 0 0 15px;
@@ -867,3 +870,13 @@ img::-moz-selection {
 body {
     webkit-tap-highlight-color: #{{ site.color.primary }};
 }
+
+.ribbon {
+  background: url("img/lines.png") repeat-x scroll center center rgba(0, 0, 0, 0);
+}
+
+.ribbon h4 span {
+  padding-left: 15px;
+  padding-right: 15px;
+  background: none repeat scroll 0 0 #ffffff;
+}

_includes/portfolio_grid.html

@@ -1,6 +1,11 @@
 <!-- Portfolio Grid Section -->
     <section id="portfolio" class="bg-light-gray">
         <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center text-muted">
+                    <h3 class="section-heading ">OSEM Features</h3>
+                </div>
+            </div>
             <div class="row">
             {% for post in site.posts %}
                 <div class="col-md-4 col-sm-6 portfolio-item">

_includes/team.html

@@ -2,8 +2,8 @@
     <section id="team" class="bg-light-gray">
         <div class="container">
             <div class="row">
-                <div class="col-lg-12 text-center">
+                <div class="col-lg-12 text-center text-muted">
-                    <h2 class="section-heading">Our Amazing Team</h2>
+                    <h3 class="section-heading">Our Amazing Team</h3>
                 </div>
             </div>
             <div class="row">