diff --git a/.DS_Store b/.DS_Store
deleted file mode 100644
index aa6b1e7..0000000
Binary files a/.DS_Store and /dev/null differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e43b0f9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/css/rwdgrid.css b/css/rwdgrid.css
index 669ab6a..1b42c9b 100755
--- a/css/rwdgrid.css
+++ b/css/rwdgrid.css
@@ -3,14 +3,14 @@
 Project : rwdgrid - responsive grid system for your next project
 URI: http://rwdgrid.com/
 Version: 2.0
-Author: Vineeth G S 
+Author: Vineeth G S
 Author URI: http://www.gsvineeth.com
 Github URI: https://github.com/gsvineeth/rwdgrid/
 
 **********************************************************************************************
 
-1.  Base code            
-2.  Mobile Grid 
+1.  Base code
+2.  Mobile Grid
 3.  Grid 720px+
 4.  Grid 1024px+
 5.  Grid 1200px+
@@ -19,273 +19,272 @@ Github URI: https://github.com/gsvineeth/rwdgrid/
 **********************************************************************************************/
 
 
-/********************************************************************************************* 
+/*********************************************************************************************
 
-1.  Base code            
+1.  Base code
 
 *********************************************************************************************/
 
 
 *, *:after, *:before {
-	margin: 0;
-	padding: 0;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
 }
- [class*='grid-'] {
- float: left;
- padding: 10px;
- width:100%;
+
+[class*='grid-'] {
+    float: left;
+    padding: 10px;
+    width:100%;
 }
+
 .clear-grid{
-clear:both;
-float:inherit;
+    clear:both;
+    float:inherit;
 }
 .container {
-	margin:0%;
-	width: 100%;
+    margin:0%;
+    width: 100%;
 }
 .container:after, .container:before {
-	display: table;
-	clear:both;
-	content: " ";
+    display: table;
+    clear:both;
+    content: " ";
 }
 .nest {
-	margin:0 -10px;
-	padding:0;
-	width:auto;
+    margin:0 -10px;
+    padding:0;
+    width:auto;
 }
 
-/********************************************************************************************* 
+/*********************************************************************************************
 
-2.  Mobile Grid 
+2.  Mobile Grid
 
 *********************************************************************************************/
 
 
 .grid-m-12 {
-	width: 100%;
+    width: 100%;
 }
 .grid-m-11 {
-	width: 91.666663%;
+    width: 91.666663%;
 }
 .grid-m-10 {
-	width: 83.33%;
+    width: 83.33%;
 }
 .grid-m-9 {
-	width: 74.999997%;
+    width: 74.999997%;
 }
 .grid-m-8 {
-	width: 66.66666664%;
+    width: 66.66666664%;
 }
 .grid-m-7 {
-	width: 58.333%;
+    width: 58.333%;
 }
 .grid-m-6 {
-	width: 50%;
+    width: 50%;
 }
 .grid-m-5 {
-	width: 41.6665%;
+    width: 41.6665%;
 }
 .grid-m-4 {
-	width: 33.33%;
+    width: 33.33%;
 }
 .grid-m-3 {
-	width: 24.99%;
+    width: 24.99%;
 }
 .grid-m-2 {
-	width: 16.66666%;
+    width: 16.66666%;
 }
 .grid-m-1 {
-	width: 8.33%;
+    width: 8.33%;
 }
 
-/********************************************************************************************* 
+/*********************************************************************************************
 
 3.  Grid 720px+
 
 *********************************************************************************************/
 
 @media (min-width: 720px) {
-    
-.grid-12 {
-width: 100%;
-}
-.grid-11 {
-width: 91.666663%;
-}
-.grid-10 {
-width: 83.33%;
-}
-.grid-9 {
-width: 74.999997%;
-}
-.grid-8 {
-width: 66.66666664%;
-}
-.grid-7 {
-width: 58.333%;
-}
-.grid-6 {
-width: 50%;
-}
-.grid-5 {
-width: 41.6665%;
-}
-.grid-4 {
-width: 33.33%;
-}
-.grid-3 {
-width: 24.99%;
-}
-.grid-2 {
-width: 16.66666%;
-}
-.grid-1 {
-width: 8.33%;
-} 
-    
-.grid-t-12 {
-width: 100%;
-}
-.grid-t-11 {
-width: 91.666663%;
-}
-.grid-t-10 {
-width: 83.33%;
-}
-.grid-t-9 {
-width: 74.999997%;
-}
-.grid-t-8 {
-width: 66.66666664%;
-}
-.grid-t-7 {
-width: 58.333%;
-}
-.grid-t-6 {
-width: 50%;
-}
-.grid-t-5 {
-width: 41.6665%;
-}
-.grid-t-4 {
-width: 33.33%;
-}
-.grid-t-3 {
-width: 24.99%;
-}
-.grid-t-2 {
-width: 16.66666%;
-}
-.grid-t-1 {
-width: 8.33%;
-}
+    .grid-12 {
+        width: 100%;
+    }
+    .grid-11 {
+        width: 91.666663%;
+    }
+    .grid-10 {
+        width: 83.33%;
+    }
+    .grid-9 {
+        width: 74.999997%;
+    }
+    .grid-8 {
+        width: 66.66666664%;
+    }
+    .grid-7 {
+        width: 58.333%;
+    }
+    .grid-6 {
+        width: 50%;
+    }
+    .grid-5 {
+        width: 41.6665%;
+    }
+    .grid-4 {
+        width: 33.33%;
+    }
+    .grid-3 {
+        width: 24.99%;
+    }
+    .grid-2 {
+        width: 16.66666%;
+    }
+    .grid-1 {
+        width: 8.33%;
+    }
+
+    .grid-t-12 {
+        width: 100%;
+    }
+    .grid-t-11 {
+        width: 91.666663%;
+    }
+    .grid-t-10 {
+        width: 83.33%;
+    }
+    .grid-t-9 {
+        width: 74.999997%;
+    }
+    .grid-t-8 {
+        width: 66.66666664%;
+    }
+    .grid-t-7 {
+        width: 58.333%;
+    }
+    .grid-t-6 {
+        width: 50%;
+    }
+    .grid-t-5 {
+        width: 41.6665%;
+    }
+    .grid-t-4 {
+        width: 33.33%;
+    }
+    .grid-t-3 {
+        width: 24.99%;
+    }
+    .grid-t-2 {
+        width: 16.66666%;
+    }
+    .grid-t-1 {
+        width: 8.33%;
+    }
 }
-	
-/********************************************************************************************* 
+
+/*********************************************************************************************
 
 4.  Grid 1024px+
 
 *********************************************************************************************/
 
 @media only screen and (min-width: 1024px) {
- 
-.grid-tl-12 {
-width: 100%;
-}
-.grid-tl-11 {
-width: 91.666663%;
+    .grid-tl-12 {
+        width: 100%;
+    }
+    .grid-tl-11 {
+        width: 91.666663%;
+    }
+    .grid-tl-10 {
+        width: 83.33%;
+    }
+    .grid-tl-9 {
+        width: 74.999997%;
+    }
+    .grid-tl-8 {
+        width: 66.66666664%;
+    }
+    .grid-tl-7 {
+        width: 58.333%;
+    }
+    .grid-tl-6 {
+        width: 50%;
+    }
+    .grid-tl-5 {
+        width: 41.6665%;
+    }
+    .grid-tl-4 {
+        width: 33.33%;
+    }
+    .grid-tl-3 {
+        width: 24.99%;
+    }
+    .grid-tl-2 {
+        width: 16.66666%;
+    }
+    .grid-tl-1 {
+        width: 8.33%;
+    }
 }
-.grid-tl-10 {
-width: 83.33%;
-}
-.grid-tl-9 {
-width: 74.999997%;
-}
-.grid-tl-8 {
-width: 66.66666664%;
-}
-.grid-tl-7 {
-width: 58.333%;
-}
-.grid-tl-6 {
-width: 50%;
-}
-.grid-tl-5 {
-width: 41.6665%;
-}
-.grid-tl-4 {
-width: 33.33%;
-}
-.grid-tl-3 {
-width: 24.99%;
-}
-.grid-tl-2 {
-width: 16.66666%;
-}
-.grid-tl-1 {
-width: 8.33%;
-}
-}
-	
 
-/********************************************************************************************* 
+
+/*********************************************************************************************
 
 5.  Grid 1200px+
 
 *********************************************************************************************/
-	
+
 @media only screen and (min-width: 1200px) {
- 
-.container {
- max-width:1180px;
- margin:0 auto;
-}
- .container-fluid {
- max-width:90%;
- margin:0 5%;
-}
-.grid-d-12 {
-width: 100%;
-}
-.grid-d-11 {
-width: 91.666663%;
-}
-.grid-d-10 {
-width: 83.33%;
-}
-.grid-d-9 {
-width: 74.999997%;
-}
-.grid-d-8 {
-width: 66.66666664%;
-}
-.grid-d-7 {
-width: 58.333%;
-}
-.grid-d-6 {
-width: 50%;
-}
-.grid-d-5 {
-width: 41.6665%;
-}
-.grid-d-4 {
-width: 33.33%;
-}
-.grid-d-3 {
-width: 24.99%;
-}
-.grid-d-2 {
-width: 16.66666%;
-}
-.grid-d-1 {
-width: 8.33%;
-}
+    .container {
+        max-width:1180px;
+        margin:0 auto;
+    }
+    .container-fluid {
+        max-width:90%;
+        margin:0 5%;
+    }
+    .grid-d-12 {
+        width: 100%;
+    }
+    .grid-d-11 {
+        width: 91.666663%;
+    }
+    .grid-d-10 {
+        width: 83.33%;
+    }
+    .grid-d-9 {
+        width: 74.999997%;
+    }
+    .grid-d-8 {
+        width: 66.66666664%;
+    }
+    .grid-d-7 {
+        width: 58.333%;
+    }
+    .grid-d-6 {
+        width: 50%;
+    }
+    .grid-d-5 {
+        width: 41.6665%;
+    }
+    .grid-d-4 {
+        width: 33.33%;
+    }
+    .grid-d-3 {
+        width: 24.99%;
+    }
+    .grid-d-2 {
+        width: 16.66666%;
+    }
+    .grid-d-1 {
+        width: 8.33%;
+    }
 }
 
-/********************************************************************************************* 
+/*********************************************************************************************
 
 6.  Helper classes
 
@@ -293,6 +292,6 @@ width: 8.33%;
 
 
 img.scale, img.responsive {
-	max-width: 100%;
-	height: auto;
-} 
+    max-width: 100%;
+    height: auto;
+}
diff --git a/css/style.css b/css/style.css
index d35ffec..7232ee6 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,13 +1,14 @@
- /* Ignore this stylesheet*/
-p{
-	 background:#f5f5f5;
-	 font-family:sans-serif;
-	 font-size:85%;
-	 line-height:2em;
-	 font-weight: bold;
-	 color:#333;
-	 padding:1em;
-	 min-height:120px;
+/* Ignore this stylesheet*/
+
+p {
+    background:#f5f5f5;
+    font-family:sans-serif;
+    font-size:85%;
+    line-height:2em;
+    font-weight: bold;
+    color:#333;
+    padding:1em;
+    min-height:120px;
 }
-	 
-	 
+
+
diff --git a/index.html b/index.html
index 922f3d0..f82cadd 100755
--- a/index.html
+++ b/index.html
@@ -3,129 +3,128 @@
 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<title>Demo - rwdgrid.com</title>
-<meta name="description" content="Demo of Responsive Grid System - rwdgrid.com">
-<meta name="viewport" content="width=device-width">
-<link rel="stylesheet" href="css/rwdgrid.css">
-<link rel="stylesheet" href="css/style.css">
- <!--[if lt IE 9]>
-	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-	<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
-<![endif]-->
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>Demo - rwdgrid.com</title>
+    <meta name="description" content="Demo of Responsive Grid System - rwdgrid.com">
+    <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="css/rwdgrid.css">
+    <link rel="stylesheet" href="css/style.css">
+    <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
 </head>
-<body>  
+<body>
 <div class="container">
- <div class="grid-d-8 grid-t-8 grid-tl-4 grid-m-6"><p>grid-8-d(Desktop 8) <br>grid-tl-9(Tablet Landscape 9) <br>grid-t-3 (Tablet 3)   <br> grid-m-6(Mobile Devices 6)</p></div>
-<div class="grid-d-4 grid-t-4 grid-tl-8 grid-m-6"><p>grid-4-d(Desktop 4) <br>grid-tl-3(Tablet Landscape 3) <br>grid-t-9 (Tablet 9)   <br> grid-m-6(Mobile Devices 6)</p></div>
+    <div class="grid-d-8 grid-t-8 grid-tl-4 grid-m-6"><p>grid-8-d(Desktop 8) <br>grid-tl-9(Tablet Landscape 9) <br>grid-t-3 (Tablet 3)   <br> grid-m-6(Mobile Devices 6)</p></div>
+    <div class="grid-d-4 grid-t-4 grid-tl-8 grid-m-6"><p>grid-4-d(Desktop 4) <br>grid-tl-3(Tablet Landscape 3) <br>grid-t-9 (Tablet 9)   <br> grid-m-6(Mobile Devices 6)</p></div>
 </div>
- <div class="container">
-     <div class="grid-12">
-      <p> grid 12 </p>
+<div class="container">
+    <div class="grid-12">
+        <p> grid 12 </p>
     </div>
-     <div class="grid-1">
-      <p> grid 1 </p>
+    <div class="grid-1">
+        <p> grid 1 </p>
     </div>
-     <div class="grid-11">
-      <p> grid 11 </p>
+    <div class="grid-11">
+        <p> grid 11 </p>
     </div>
-     <div class="grid-2">
-      <p> grid  2 </p>
+    <div class="grid-2">
+        <p> grid  2 </p>
     </div>
-     <div class="grid-10">
-      <p> grid 12 </p>
+    <div class="grid-10">
+        <p> grid 12 </p>
     </div>
-     <div class="grid-3">
-      <p> grid 3 </p>
+    <div class="grid-3">
+        <p> grid 3 </p>
     </div>
-     <div class="grid-9">
-      <p> grid 9 </p>
+    <div class="grid-9">
+        <p> grid 9 </p>
     </div>
-     <div class="grid-4">
-      <p> grid 4 </p>
+    <div class="grid-4">
+        <p> grid 4 </p>
     </div>
-     <div class="grid-8">
-      <p> grid 8 </p>
+    <div class="grid-8">
+        <p> grid 8 </p>
     </div>
-     <div class="grid-5">
-      <p> grid 5 </p>
+    <div class="grid-5">
+        <p> grid 5 </p>
     </div>
-     <div class="grid-7">
-      <p> grid 7 </p>
+    <div class="grid-7">
+        <p> grid 7 </p>
     </div>
-     <div class="grid-6">
-      <p> grid 6 - Nesting </p>
-      <div class="nest">
-         <div class="grid-6">
-          <p>x</p>
-        </div>
-        <div class="grid-6">
-          <p>x</p>
-          <div class="nest">
-            <div class="grid-3">
-              <p>x</p>
+    <div class="grid-6">
+        <p> grid 6 - Nesting </p>
+        <div class="nest">
+            <div class="grid-6">
+                <p>x</p>
             </div>
-            <div class="grid-9">
-              <p>x</p>
-              <div class="nest">
-                <div class="grid-6">
-                  <p>x</p>
-                </div>
-                <div class="grid-6">
-                  <p>x</p>
+            <div class="grid-6">
+                <p>x</p>
+                <div class="nest">
+                    <div class="grid-3">
+                        <p>x</p>
+                    </div>
+                    <div class="grid-9">
+                        <p>x</p>
+                        <div class="nest">
+                            <div class="grid-6">
+                                <p>x</p>
+                            </div>
+                            <div class="grid-6">
+                                <p>x</p>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-              </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
-    
-  <div class="grid-6">
-    <p> grid 6 </p>
-  </div>
- 
-  
-  <div class="grid-7">
-    <p> grid 7 </p>
-  </div>
-   <div class="grid-5">
-    <p> grid 5 </p>
-  </div>
-   
-  <div class="grid-8">
-    <p> grid 8 </p>
-  </div>
-   <div class="grid-4">
-    <p> grid 4 </p>
-  </div>
-   
-  <div class="grid-9">
-    <p> grid 9 </p>
-  </div>
-   <div class="grid-3">
-    <p> grid 3 </p>
-  </div>
-   <div class="grid-10">
-    <p> grid 10 </p>
-  </div>
-   <div class="grid-2">
-    <p> grid 2 </p>
-  </div>
-   
-  <div class="grid-11">
-    <p> grid 11 </p>
-  </div>
-   <div class="grid-1">
-    <p> grid 1 </p>
-  </div>
-   
-  <div class="grid-12">
-    <p> grid 12 </p>
-  </div>
- </div>
+    </div>
+
+    <div class="grid-6">
+        <p> grid 6 </p>
+    </div>
+
+    <div class="grid-7">
+        <p> grid 7 </p>
+    </div>
+    <div class="grid-5">
+        <p> grid 5 </p>
+    </div>
+
+    <div class="grid-8">
+        <p> grid 8 </p>
+    </div>
+    <div class="grid-4">
+        <p> grid 4 </p>
+    </div>
+
+    <div class="grid-9">
+        <p> grid 9 </p>
+    </div>
+    <div class="grid-3">
+        <p> grid 3 </p>
+    </div>
+    <div class="grid-10">
+        <p> grid 10 </p>
+    </div>
+    <div class="grid-2">
+        <p> grid 2 </p>
+    </div>
+
+    <div class="grid-11">
+        <p> grid 11 </p>
+    </div>
+    <div class="grid-1">
+        <p> grid 1 </p>
+    </div>
+
+    <div class="grid-12">
+        <p> grid 12 </p>
+    </div>
+</div>
 </div>
- </body>
+</body>
 </html>