diff --git a/_includes/featuredbox.html b/_includes/featuredbox.html
index 7573833ba5..a23c6cec76 100644
--- a/_includes/featuredbox.html
+++ b/_includes/featuredbox.html
@@ -34,21 +34,26 @@ <h4 class="card-text">{{ post.teaser | strip_html | truncatewords:25 }}</h4>
                         <div class="card-footer b-0 bg-white mt-auto">
                             <div class="wrapfooter">
                                 {% if post.author %}
-                                <span>Authors: &nbsp;</span>
                                 <span class="meta-footer-thumb">
                                 </span>
                                 <span class="author-meta">
-                                <span class="post-name">{{ author.display_name }}</span><br/>
+                                <span style="color:#8d8d8d; margin:0; font-weight:600;">AUTHOR</span><br/>
+                                <span class="post-name" style="margin: 0; ">{{ author.display_name }}</span><br/>
+
                                 {% endif %}
                                 {% if post.authors %}
-                                <span>Authors: &nbsp;</span>
+                                <!-- <span style="color:rgb(121, 121, 121)">Authors:</span> -->
                                 <span class="meta-footer-thumb">
                                 </span>
                                 <span class="author-meta">
+                                <span style="color:#8d8d8d; margin:0; font-weight:600;">AUTHORS</span><br/>
                                 {% assign authors_list = post.authors | split: "," %}
                                 {% for single_author in authors_list %}
                                     {% assign this_author = site.authors[single_author] %}
-                                    <span class="post-name">{{ this_author.display_name }} &nbsp;</span><br/>
+                                    <span class="post-name">{{ this_author.display_name }}{% if forloop.last == false %}, 
+                                        {% endif %}</span>
+                                   
+                                    <br/>
                                 {% endfor %}
                                 {% endif %}                                
                                 <!--span class="post-date">{{ post.date | date_to_string }}</span-->
diff --git a/_includes/postbox.html b/_includes/postbox.html
index ed45156f03..0a3c17211c 100644
--- a/_includes/postbox.html
+++ b/_includes/postbox.html
@@ -28,24 +28,28 @@ <h2 class="card-title">
             <h4 class="card-text">{{ post.excerpt | strip_html | truncatewords:30 }}</h4>
         </div>
         <div class="card-footer bg-white">
+            
             <div class="wrapfooter">
                 {% if post.author %}
-                <span>Author: &nbsp;</span>
                 <span class="meta-footer-thumb">
                 </span>
                 <span class="author-meta">
+                <span style="color:#8d8d8d; margin:0; font-weight:600;">AUTHOR &nbsp;</span><br/>
+
                 <span class="post-name">{{ author.display_name }}</span><br/>
                 {% endif %}
 
                 {% if post.authors %}
-                <span>Authors: &nbsp;</span>
                 <span class="meta-footer-thumb">
                 </span>
                 <span class="author-meta">
+                    <span style="color:#8d8d8d; margin:0; font-weight:600;">AUTHORS &nbsp;</span><br/>
                 {% assign authors_list = post.authors | split: "," %}
                 {% for single_author in authors_list %}
                     {% assign this_author = site.authors[single_author] %}
-                    <span class="post-name">{{ this_author.display_name }} &nbsp;</span><br/>
+                    <span class="post-name">{{ this_author.display_name }}{% if forloop.last == false %}, 
+                        {% endif %}</span>
+                    <br/>
                 {% endfor %}
                 {% endif %}
                 </span>
diff --git a/_layouts/post.html b/_layouts/post.html
index 24b5f6bfba..ee4501e660 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -23,44 +23,48 @@
 
                 <!-- Author Box -->
                 {% if page.author %}
-                <div class="row post-top-meta">
-                    <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-4 mb-md-0">
+                <!-- <h4 class="">Author</h4> -->
+                <h6 class="">Authored by</h6>
+                <!-- <div class="row post-top-meta"> -->
+                    <!-- <div class="col-xs-12 text-center text-md-left mb-4 mb-md-0">
                         {% if author.avatar %}
-                        <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
+                        <img class="author-thumb-top" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
                         {% else %}
-                        <img class="author-thumb" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
+                        <img class="author-thumb-top" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
                         {% endif %}
+                    </div> -->
+                   
+                    <div class="col-xs-12 text-center text-md-left">
+                        <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a>
                     </div>
-                    <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left">
-                        <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a><a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
-                        <span class="author-description">{{ author.description }}</span>
-                    </div>
-                </div>
+                <!-- </div> -->
                 {% endif %}
 
                 {% if page.authors %}
                 {% assign authors = page.authors | split: "," %}
-                    <h2>Authors</h2>
-                    {% for author_name in authors %}
-                        {% assign author = site.authors[author_name] %}
-                        {% if author %}
-                            <!-- Author Box -->
-                            <div class="row post-top-meta">
-                                <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-4 mb-md-0">
-                                    {% if author.avatar %}
-                                    <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
-                                    {% else %}
-                                    <img class="author-thumb" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
-                                    {% endif %}
-                                </div>
-                                <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left">
-                                    <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a>
-                                    <a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
-                                    <span class="author-description">{{ author.description }}</span>
-                                </div>
-                            </div>
-                        {% endif %}
-                    {% endfor %}
+                    
+                    <h6 class="">Authored by</h6>
+                        <div class="d-flex">
+                            {% for author_name in authors %}
+                                {% assign author = site.authors[author_name] %}
+                                {% if author %}
+                                    <!-- Author Box -->
+                                    <!-- <div class="row align-items-center gap-2 post-top-meta"> -->
+                                        <!-- <div class="col-xs-12  text-center text-md-left mb-2 mb-md-0">
+                                            {% if author.avatar %}
+                                            <img class="author-thumb-top" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
+                                            {% else %}
+                                            <img class="author-thumb-top" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
+                                            {% endif %}
+                                        </div> -->
+                                        <div class="text-center text-md-left">
+                                            <a target="_blank" class="link-dark " href="{{ author.web }}">{{ author.display_name }}{% if forloop.last == false %},&nbsp;
+                                                {% endif %}</a>
+                                        </div>
+                                    <!-- </div> -->
+                                {% endif %}
+                            {% endfor %}
+                        </div>
                 {% endif %}
 
                 <!-- Post Title -->
@@ -109,6 +113,55 @@ <h3 class="font-weight-bold">Summary</h3>
             </div>
             {% endif %}
 
+             <!-- Author Box -->
+             {% if page.author %}
+             <h3 class="text-center d-md-none">About The Author</h3>
+                <h3 class="text-start d-md-flex d-none">About The Author</h3>
+             <div class="row post-top-meta">
+                 <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-4 mb-md-0">
+                     {% if author.avatar %}
+                     <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
+                     {% else %}
+                     <img class="author-thumb" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
+                     {% endif %}
+                 </div>
+                 <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left">
+                     <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a><a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
+                     <span class="author-description">{{ author.description }}</span>
+                 </div>
+             </div>
+             {% endif %}
+
+            <!-- Authors Box -->
+            {% if page.authors %}
+            {% assign authors = page.authors | split: "," %}
+                <h3 class="text-center d-md-none">About The Authors</h3>
+                <h3 class="text-start d-md-flex d-none">About The Authors</h3>
+                <div class="mt-2">
+                    {% for author_name in authors %}
+                        {% assign author = site.authors[author_name] %}
+                        {% if author %}
+                            <!-- Author Box -->
+                            <div class="row post-top-meta">
+                                <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-2 mb-md-0">
+                                    {% if author.avatar %}
+                                    <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
+                                    {% else %}
+                                    <img class="author-thumb" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
+                                    {% endif %}
+                                </div>
+                                <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left">
+                                    <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a>
+                                    <a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
+                                    <span class="author-description">{{ author.description }}</span>
+                                </div>
+                            </div>
+                        {% endif %}
+                    {% endfor %}
+                </div>
+            {% endif %}
+
+
             <!-- Post Date -->
             <p>
             <small>
@@ -145,6 +198,7 @@ <h3 class="font-weight-bold">Summary</h3>
             </div>
             <!-- End Tags -->
 
+            
             <!-- Prev/Next -->
             <div class="row PageNavigation d-flex justify-content-between font-weight-bold">
             {% if page.previous.url %}
@@ -160,6 +214,8 @@ <h3 class="font-weight-bold">Summary</h3>
         </div>
         <!-- End Post -->
 
+        
+
     </div>
 </div>
 <!-- End Article
diff --git a/assets/css/screen.css b/assets/css/screen.css
index f24c48f31f..b65fd4c398 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -170,12 +170,19 @@ section.recent-posts {
 }
 
 .wrapfooter {
-    font-size: .8rem;
+    font-size: .7rem;
     display: flex;
     align-items: center;
     margin-bottom: 15px;
 }
 
+.author-thumb-top{
+    width: 35px;
+    height: 35px;
+    margin:0 13px;
+    border-radius: 100%;
+}
+
 .author-thumb {
     width: 40px;
     height: 40px;
@@ -184,7 +191,7 @@ section.recent-posts {
 }
 
 .post-top-meta {
-    margin-bottom: 2rem;
+    margin-bottom: 1rem;
 }
 
 .post-top-meta .author-thumb {
@@ -220,6 +227,14 @@ section.recent-posts {
     overflow: hidden !important;
 }
 
+span.post-name{
+    font-size: 14px;
+    font-weight: 600;
+    text-transform: uppercase;
+    line-height: 10px;
+    font-stretch: expanded;
+    color:#5a5a5a;
+}
 span.post-name,
 span.post-date,
 span.author-meta {
diff --git a/docker-compose.yml b/docker-compose.yml
index 6d53641306..6900ecdddc 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,8 +1,8 @@
 services:
   jekyll:
     image: jekyll/jekyll:latest
-    command: jekyll serve --force_polling
+    command: jekyll serve --force_polling --trace
     ports:
-        - 4000:4000
+      - 4000:4000
     volumes:
-        - .:/srv/jekyll
+      - .:/srv/jekyll