diff --git a/app/images/fiter.png b/app/images/fiter.png
new file mode 100644
index 0000000000..5d27bbdd4e
Binary files /dev/null and b/app/images/fiter.png differ
diff --git a/app/index.html b/app/index.html
index 1c7c035163..35c76250bb 100755
--- a/app/index.html
+++ b/app/index.html
@@ -55,7 +55,7 @@
             <div class="col-xs-12">
                 <div class="row">
                     <div class="col-sm-4 col-sm-offset-4 text-center">
-                        <img src="images/mifos-logo-flat.png" alt="Mifos X" style="width:80%; margin:auto;"
+                        <img src="images/fiter.png" alt="Mifos X" style="width:80%; margin:auto; background-color:red"
                              class=" text-center img-responsive"/>
                     </div>
                 </div>
diff --git a/app/styles/styles.css b/app/styles/styles.css
index f1cddb92eb..76347dc2d0 100644
--- a/app/styles/styles.css
+++ b/app/styles/styles.css
@@ -4519,8 +4519,8 @@ a.btn.disabled, fieldset[disabled] a.btn {
 /* line 71, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss */
 .btn-primary {
   color: #fff;
-  background-color: #4f99ed;
-  border-color: #388ceb;
+  background-color: #f2132c;
+  border-color: #f2132c;
 }
 /* line 11, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:focus, .btn-primary.focus {
@@ -4531,8 +4531,8 @@ a.btn.disabled, fieldset[disabled] a.btn {
 /* line 17, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:hover {
   color: #fff;
-  background-color: #217ee8;
-  border-color: #156dd0;
+  background-color: #d91127;
+  border-color: #d91127;
 }
 /* line 22, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
@@ -10518,12 +10518,12 @@ textarea {
 
 /* line 48, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss */
 a {
-  color: #4f99ed;
+  color: #f2132c;
   text-decoration: none;
 }
 /* line 52, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss */
 a:hover, a:focus {
-  color: #1672d9;
+  color: #d91127;
   text-decoration: underline;
 }
 /* line 58, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss */
@@ -13062,8 +13062,8 @@ a.btn.disabled, fieldset[disabled] a.btn {
 /* line 71, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss */
 .btn-primary {
   color: #fff;
-  background-color: #4f99ed;
-  border-color: #388ceb;
+  background-color: #f2132c;
+  border-color: #f2132c;
 }
 /* line 11, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:focus, .btn-primary.focus {
@@ -13074,8 +13074,8 @@ a.btn.disabled, fieldset[disabled] a.btn {
 /* line 17, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:hover {
   color: #fff;
-  background-color: #217ee8;
-  border-color: #156dd0;
+  background-color: #d91127;
+  border-color: #d91127;
 }
 /* line 22, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss */
 .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
@@ -19717,7 +19717,7 @@ body {
 
 /* line 20, ../styles-dev/main/components/_content.scss */
 ul.nav-tabs > li.active > a {
-  border-top: solid 3px #428bca !important;
+  border-top: solid 3px #f2132c !important;
 }
 
 /* line 27, ../styles-dev/main/components/_content.scss */
@@ -20441,7 +20441,7 @@ span.required {
 
 /* line 9, ../styles-dev/main/components/_layout.scss */
 .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav > li > a {
-  color: #4f99ed !important;
+  color: #f2132c !important;
 }
 
 /* line 13, ../styles-dev/main/components/_layout.scss */
diff --git a/app/views/_topnavbar.html b/app/views/_topnavbar.html
index 889ed9be7b..332fa0854c 100644
--- a/app/views/_topnavbar.html
+++ b/app/views/_topnavbar.html
@@ -11,7 +11,7 @@
                 <span class="fa fa-bars"></span>
             </a>
             <a class="navbar-brand" href="#/home">
-                <img src="./images/mifos-logo-flat.png" alt="Mifos X">
+                <img src="./images/fiter.png" alt="Mifos X" style="background-color:red">
             </a>
         </div>
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" uib-collapse="!isNavCollapsed">
diff --git a/app/views/private/home_default.html b/app/views/private/home_default.html
index 468f82733b..6024878715 100644
--- a/app/views/private/home_default.html
+++ b/app/views/private/home_default.html
@@ -16,7 +16,7 @@ <h3>{{'label.heading.navigation.guide' | translate}}: </h3>
 			<i class="fa fa-arrow-up top-right"></i>{{'label.heading.right.search' | translate}}
     	</div>
 	    <div class="col-md-6 col-md-offset-3">
-			<img src="./images/mifos_lg-logo.jpg" alt="MifosX" class="img-responsive" ng-if="!isLargeLogoPath">
+			<img src="./images/fiter.jpg" alt="MifosX" class="img-responsive" ng-if="!isLargeLogoPath" style="background-color:red">
 			<img src="{{largeLogoPath}}" alt="MifosX" class="img-responsive" ng-if="isLargeLogoPath">
 	    </div>
 
diff --git a/app/views/private/home_superuser.html b/app/views/private/home_superuser.html
index 3e0d550b16..b514b0fed6 100644
--- a/app/views/private/home_superuser.html
+++ b/app/views/private/home_superuser.html
@@ -17,8 +17,8 @@ <h3>{{'label.heading.navigation.guide' | translate}}: </h3>
 			<i class="fa fa-arrow-up"></i>{{'label.heading.top.menu' | translate}} &nbsp;&nbsp;
 			<i class="fa fa-arrow-up top-right"></i>{{'label.heading.right.search' | translate}}
     	</div>
-	    <div class="col-md-6 col-md-offset-3">
-			<img src="./images/mifos_lg-logo.jpg" alt="MifosX" class="img-responsive" ng-if="!isLargeLogoPath">
+	    <div class="col-md-6 col-md-offset-3" style="margin-top: 5% !important">
+			<img src="./images/fiter.png" alt="MifosX" class="img-responsive" ng-if="!isLargeLogoPath" style="margin:auto; background-color:red">
 			<img src="{{largeLogoPath}}" alt="MifosX" class="img-responsive" ng-if="isLargeLogoPath">
 	    </div>
     </div>