--- a/mouchak/static/css/main.css
+++ b/mouchak/static/css/main.css
@@ -96,26 +96,54 @@
     width: 400px
 }
 
+/* home page content design  */
 
-
-
-
-.col-md-4 h3 {
-color:#c00000; 
-border-bottom: 1px dotted #c00000 ;
-width:65%;
+.content-head1 {
+color:#000000; 
+border-bottom: 1px dotted #5A5656 ;
+width:80%;
+font-family: sans-serif, roboto;
+font-size: 24px;
+padding: 5px 1px 2px 0px;
+margin: 5px 1px 8px 1px;
 }
 .col-md-4 p {
 width: 85%
 }
 
+.col-md-2 {
+width: 23%
+}
 
-.col-md-2 h3 {
-color:#c00000; 
-border-bottom: 1px dotted #c00000 ;
-width:65%;
+
+.content-head2 {
+color:#000000; 
+border-bottom: 1px dotted #5A5656 ;
+width:80%;
+font-family: sans-serif, roboto;
+font-size: 24px;
+padding: 5px 1px 2px 0px;
+margin: 5px 1px 8px 1px;
 }
 
+/* content styling for other pages  */
+
+.main-head {
+color:#000000; 
+font-family: sans-serif, roboto;
+font-size: 24px;
+padding: 5px 1px 2px 0px;
+margin: 5px 1px 8px 1px;
+text-align: center;
+}
+.subcontent-head {
+color:#000000;
+font-family: sans-serif, roboto;
+font-size: 18px;
+padding: 5px 1px 2px 0px;
+margin: 5px 1px 8px 1px;
+text-align: left;
+}