diff --git a/_includes/donation.html b/_includes/donation.html
index 7eaba59..608398d 100644
--- a/_includes/donation.html
+++ b/_includes/donation.html
@@ -1,3 +1,15 @@
+<style>
+@media only screen and (max-width: 500px) {
+  h3, section {
+  text-align: center;
+}
+.submit_btn{
+background: #384452;
+    padding: 7px;
+    width: 163px;
+	    color: #ffffff;
+}
+</style>
 <div class="container">
     <div class="row">
         <div class="col-lg-6">
@@ -10,7 +22,7 @@ <h3>Online Donation</h3>
                       <input type="text" name="name" value="Anonymous"><br>
                       Amount:&nbsp;
                       <input type="number" name="amount" value="0"><br><br>
-                      <input type="submit" value="Donate">
+                      <input  type="submit" class="submit_btn" value="Donate">
                   </form> 
               </section>
             </div>
@@ -40,4 +52,4 @@ <h4><a href="">Link</a></h4><br/>
             <h3>Donors</h3>
         </div>-->
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/_includes/nav.html b/_includes/nav.html
index 9c5107c..8800716 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,3 +1,22 @@
+<style> 
+
+@media only screen and (max-width: 500px) {
+   .asset_logo{
+   
+    margin-left: 35px;
+
+
+  }
+.nav, .navbar-nav {
+    text-align: center;
+}
+.navbar-header{
+padding: 8px;
+}
+}
+
+  
+</style>
 <!-- Fixed navbar -->
 <div class="navbar navbar-default navbar-fixed-top" role="navigation">
   <div class="container">
@@ -8,7 +27,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-        <img src="/ASSET/assets/img/asset_logo.png" alt="SCoRe" style="width: 52px;"/>
+        <img src="/ASSET/assets/img/asset_logo.png" class="asset_logo" alt="SCoRe" style="width: 52px;"/>
       <!--<a class="navbar-brand" href="{{ "/"  | prepend: site.baseurl }}">{{ site.title }}</a>-->
     </div>
     <div class="navbar-collapse collapse navbar-right">
@@ -25,4 +44,4 @@
         </ul>
     </div><!--/.nav-collapse -->
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/assets/css/style.css b/assets/css/style.css
index fac57f8..f5feaea 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -399,6 +399,12 @@ a:focus {
   margin-left: 15px;
 }
 
+@media only screen and (max-width: 500px) {
+   #blue h3 {
+  text-align: left;
+}
+}
+
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
   display: block;
@@ -508,3 +514,4 @@ a.anchor{
     visibility: hidden;
 }
 
+
diff --git a/assets/img/asset_logo.png b/assets/img/asset_logo.png
index bdcaaa3..b553334 100644
Binary files a/assets/img/asset_logo.png and b/assets/img/asset_logo.png differ
diff --git a/blog.html b/blog.html
index 55dc8da..437d145 100644
--- a/blog.html
+++ b/blog.html
@@ -13,6 +13,16 @@
     padding-bottom: 10px;
     padding-top: 10px;
   }
+  
+  @media only screen and (max-width: 500px) {
+ img,h3,p {
+  text-align: left;
+}
+.img-responsive{
+margin: auto;
+width: 100px;
+}
+}
 </style>
 <div class="container mtb">
   <div class="row">