diff --git a/img/Raytracing.png b/img/Raytracing.png
new file mode 100644
index 00000000..e6b3d7a9
Binary files /dev/null and b/img/Raytracing.png differ
diff --git a/img/Satellite.png b/img/Satellite.png
new file mode 100644
index 00000000..dfb06ed7
Binary files /dev/null and b/img/Satellite.png differ
diff --git a/img/Scripting Interface.png b/img/Scripting Interface.png
new file mode 100644
index 00000000..b7a4fa9a
Binary files /dev/null and b/img/Scripting Interface.png differ
diff --git a/img/Sphere.png b/img/Sphere.png
new file mode 100644
index 00000000..11fc419a
Binary files /dev/null and b/img/Sphere.png differ
diff --git a/index.html b/index.html
index 1c1487a4..bc41bd2a 100644
--- a/index.html
+++ b/index.html
@@ -61,21 +61,21 @@ <h2 class="byline">Think&nbsp;•&nbsp;Invent&nbsp;•&nbsp;Create</h2>
     <div class="icon-table">
     <div class="container">
         <div class="intro1">
-  		      <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
+              <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
             <h2 class="intro-topic">Open Source!</h2>
             <p class="intro-main">
                 100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
             </p>
         </div>
         <div class="intro1">
-  		      <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
+              <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
             <h2 class="intro-topic">Join Us!</h2>
             <p class="intro-main">
                 Help make a better CAD system, make modeling fun. No experience necessary.
             </p>
         </div>
         <div class="intro1">
-  		      <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
+              <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
             <h2 class="intro-topic">Solid Modeling!</h2>
             <p class="intro-main">
                 Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performance.
@@ -133,6 +133,60 @@ <h2 class="intro-topic">Free & Open</h2>
         </ul><a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
       </div>
     </div>
+
+
+   <!-- FEATURES -->
+   <div class="about-features" id="about">
+
+            <div class="features-main features">
+                <h1 class="main-h1"><span class="brl">Feat</span><span class="cad">ures</span></h1>
+            </div>
+       
+    </div>
+
+    <div class="icon-table features">
+        <div class="container">
+            <div class="intro1">
+                  <img src="img/Raytracing.png" class="pad" alt="Raytracing">
+            </div>
+            <div class="intro1">
+                  <img src="img/Scripting Interface.png" class="pad" alt="Scripting Interface">
+            </div>
+            <div class="intro1">
+                  <img src="img/Sphere.png" class="pad" alt="Solid Geo">
+            </div>
+            <div class="intro1">
+                  <img src="img/Satellite.png" class="pad" alt="Satellite">
+            </div>
+
+        </div>
+    </div>
+
+<div class="features">
+    <div class="what-r ">
+      <div class="container">
+        <p class="what-p align-center">
+            BRL-CAD has thousands of distinct features that have been developed over a number of decades. One of the main strenght is solid modeling system with integrated high-performance rendering. 
+        </p>
+        <br>
+        <ul class="what-p points">
+            <li>One strength of a solid modeling system with integrated high-performance rendering is the ability to showcase some of distinct features graphically.</li>
+            <li>BRL-CAD focuses on solid modeling CAD which is physically more accurate, and is fully able to describe 3D space.</li>
+            <li>BRL-CAD is widely used for performing geometric analysis (e.g., calculating weights and moments of inertia) and for rendering images for visualization purposes.</li>
+            <li>BRL-CAD also provides a comprehensive procedural geometry interface for creating models algorithmically instead of manually.</li>
+            <li>Boundary representation NURBS surface geometry is one of the dominant geometric representation formats in CAD.  BRL-CAD is one of the few 3D solid modeling systems that not only support geometry in boundary representation NURBS format but also provide extensive support for robust solid ray tracing of NURBS geometry. </li>
+            <li>BRL-CAD gives users the ability to build and analyze realistic models of complex objects. There are a number of features aimed at inspecting, preparing, verifying, and validating geometry models.</li> 
+            <li>Single-ray sampling can be used for measuring thicknesses or distances, and certain 3D analyses are possible (such as calculating volume, centroids, and moments of inertia).</li> 
+            <li>BRL-CAD also has numerous facilities for detecting and resolving assembly or part interferences where two objects spatially overlap each other.</li>
+        </ul>
+        
+
+        <a href="http://write.flossmanuals.net/contributors-guide-to-brl-cad/feature-overview/" class="nots-opts1">Learn&nbsp;More</a>
+        </div>
+    </div>
+</div>
+<!-- End of Features -->
+
     <div class="articles">
         <div class="article-table">
             <a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>
@@ -141,26 +195,7 @@ <h2 class="intro-topic">Free & Open</h2>
             <a onclick="Alert4.render4('4')"><img src="img/mascot.png" alt="IMAGE4"></a>
         </div>
     </div>
-    <!--    <div class="last">
-      <h1 class="main-h1">
-        Let's talk!
-      </h1>
-      <form>
-        <table class="whole-con">
-          <tr>
-            <td class="con1">
-              <textarea class="message" placeholder="Instant Message..."></textarea>
-            </td>
-            <td class="con2">
-              <input class="inputs" type="text" placeholder="Your Name"><br>
-              <input class="inputs" type="text" placeholder="Your E-mail"><br>
-              <div class="submits" onclick="Alert5.render5('5')">Send!</div>
-            </td>
-          </tr>
-        </table>
-      </form>
-    </div>
--->
+    
     <div class="social">
         <h1 class="main-h1" style="font-size: 1.55rem; color: #fff;">Follow us on social media!</h1>
         <ul class="links">
diff --git a/style.css b/style.css
index 3e5a00ac..d2fd6e9e 100755
--- a/style.css
+++ b/style.css
@@ -6,8 +6,8 @@
 }
 
 html{
-	font-size:21px;
-	line-height:1.5;
+    font-size:21px;
+    line-height:1.5;
 }
 
 body{
@@ -28,6 +28,13 @@ a:hover{
     -o-transition: ease-in .2s color;
     -ms-transition: ease-in .2s color;
 }
+
+.points li {
+    margin-left: 10px;
+    list-style-type: square;
+    color: #fff;
+    font-size: 1.11rem;
+ }
 /**Text Selection**/
  ::selection {
     background-color: #f1f1f1;
@@ -50,7 +57,7 @@ a:hover{
    color: #fff;
 }
 /**Scroll Bar**/
-/*
+
 ::-webkit-scrollbar {
     width: 10px;
 }
@@ -62,9 +69,9 @@ a:hover{
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
 }
 ::-webkit-scrollbar-thumb:window-inactive {
-	background: #a1a1a1;
+    background: #a1a1a1;
 }
-*/
+
 /**Navbar**/
 .header{
     height: 50pt;
@@ -123,6 +130,23 @@ a.menu{
     margin: 0 auto;
 }
 
+.features .align-center{
+  text-align: center;
+}
+
+.what-p .points {
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    color:  rgba(237, 241, 246, 1);
+    font-size: 40px;
+    padding-bottom: 10px;
+
+    text-shadow: 0px 0px 4px #111,
+    -1px -1px 0 #111,
+    1px -1px 0 #111,
+    -1px 1px 0 #111,
+    1px 1px 0 #111;
+}
+
 /**First**/
 .about{
     left: 64px;
@@ -132,6 +156,18 @@ a.menu{
     text-align: center;
     height: 350px;
 }
+
+.about-features{
+    left: 64px;
+    padding-bottom: 30px;
+    padding-left: 100px;
+    font-size: 1.278rem;
+    background: #2d2d2d;
+    text-align: left;
+    height: 200px;
+    border-top: #111 solid 50px;
+}
+
 .tessellactation-container{
     /* FIXME: figure out how to position the canvas beneath the intro1 and header/menu elements */
 }
@@ -146,8 +182,15 @@ a.menu{
     font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
     font-size: 5.556rem;
     color: #2d2d2d;  /* #2c3e50; */
-    margin-top: 20px;
+    margin-top: 10px;
 }
+
+.features .main-h1{
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    font-size: 6rem;
+    color: #2d2d2d;  /* #2c3e50; */
+}
+
 .brl{
     position: relative;
     font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
@@ -159,6 +202,22 @@ a.menu{
     -1px 1px 0 #282828,
     1px 1px 0 #282828;
 }
+
+.features .brl{
+    position: relative;
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    color: rgba(237, 241, 246, 1); /*d91a5d; */
+    font-size: 85px;
+    padding-bottom: 10px;
+
+    text-shadow: 0px 0px 4px #282828,
+    -1px -1px 0 #282828,
+    1px -1px 0 #282828,
+    -1px 1px 0 #282828,
+    1px 1px 0 #282828;
+}
+
+
 .dash{
     position: relative;
     top: -8px;
@@ -183,6 +242,31 @@ a.menu{
     -1px 1px 0 #111,
     1px 1px 0 #111;
 }
+
+.features .cad{
+    
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    color:  rgba(237, 241, 246, 1);
+    font-size: 85px;
+    padding-bottom: 10px;
+
+    text-shadow: 0px 0px 4px #111,
+    -1px -1px 0 #111,
+    1px -1px 0 #111,
+    -1px 1px 0 #111,
+    1px 1px 0 #111;
+}
+
+
+p .cad {
+  font-size: 20px
+}
+
+li .cad {
+  font-size: 20px;
+  text-align: left;
+}
+
 .byline{
     position: relative;
     font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
@@ -207,6 +291,19 @@ a.menu{
     -moz-transition: color 0.5s linear; /* Firefox */
     -webkit-transition: padding 0.2s linear; /*safari and chrome */
 }
+
+.features .pad{
+    padding-bottom: 10px;
+    height: 180px;
+    width: 180px;
+    color:#999;
+    transition: padding 0.2s linear; /* vendorless fallback */
+    -o-transition: color 0.5s linear; /* opera */
+    -ms-transition: color 0.5s linear; /* IE 10 */
+    -moz-transition: color 0.5s linear; /* Firefox */
+    -webkit-transition: padding 0.2s linear; /*safari and chrome */
+}
+
 .pad:hover{
     padding-top: 10px;
 }
@@ -219,6 +316,13 @@ a.menu{
     margin: 0px auto;
     padding-top: 40px;
 }
+
+.features-main{
+    width: 100%;
+    height: 100%;
+    padding-top: 0;
+}
+
 .icon-table{
     max-width:1200px;
     margin: 10px auto;
@@ -226,9 +330,9 @@ a.menu{
 }
 
 .icon-table:after{
-	content:"";
-	display:block;
-	clear:both;
+    content:"";
+    display:block;
+    clear:both;
 }
 
 .intro1{
@@ -263,7 +367,7 @@ a.menu{
 }
 .what-p{
     font-weight: lighter;
-    font-size:1.11rem;
+    font-size:1.20rem;
     margin: 15px;
 }
 .articles{
@@ -288,6 +392,11 @@ a.menu{
     background: url("img/intro-background.gif");
     padding: 60px;
 }
+
+h3 {
+  padding-top: 20px;
+}
+
 .double{
     columns: 2;
     -webkit-columns: 2;
@@ -296,7 +405,7 @@ a.menu{
     -ms-columns: 2;
 }
 .double li{
-	margin-bottom:30px;
+    margin-bottom:30px;
 }
 /**Last**/
 .last{
@@ -782,18 +891,18 @@ a.menu{
                 font-size: 90%;
                 border-top: 1px solid #666;
             }
-	    @media screen and (max-width: 500px){
-		    .what-r{
-			    padding:40px 40px 40px 40px;
-			    text-align:left;
-		    }
-
-	    }
-	    @media screen and (max-width: 700px) and (min-width:601px){
-		 .wrapper-main{
-			margin-top:50px;
-		}
-	    }
+        @media screen and (max-width: 500px){
+            .what-r{
+                padding:40px 40px 40px 40px;
+                text-align:left;
+            }
+
+        }
+        @media screen and (max-width: 700px) and (min-width:601px){
+         .wrapper-main{
+            margin-top:50px;
+        }
+        }
            @media screen and (max-width: 700px) and (min-width: 100px){
                 html{
                     font-size: 18px;
@@ -842,7 +951,7 @@ a.menu{
                     font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
                     color: #fff;
                     top: -6px;
-		    font-size:1.11rem;
+            font-size:1.11rem;
                 }
                 .main-intro{
                 }
@@ -873,6 +982,58 @@ a.menu{
                 }
             }
 
+
+.features .icon-table{
+    max-width:100%;
+    background-color: white;
+    padding: 0;
+    margin: 0;
+}
+
+.features .icon-table:after{
+  content:"";
+  display:block;
+  clear:both;
+}
+
+
+.features .intro1{
+    text-align: -webkit-right;
+    width:25%;
+    min-width: 250px;
+    float:left;
+
+}
+
+.features .what-r{
+    background: #000;
+    background-image: initial;
+    background-position-x: initial;
+    background-position-y: initial;
+    background-size: initial;
+    background-repeat-x: initial;
+    background-repeat-y: initial;
+    background-attachment: initial;
+    background-origin: initial;
+    background-clip: initial;
+    /*background-color: rgb(0, 0, 0);*/
+    background: #2d2d2d;
+    border-bottom: #111 solid 50px;
+    color: #fff;
+    padding: 40px 90px 40px 90px;
+    text-align: left;
+    padding-left: 100px;
+    font-size: 1.33rem;
+}
+.features .what-p{
+    font-weight: lighter;
+    font-size: 30px;
+    margin: 15px;
+}
+
+
+
+
 /**************
 New Navigtaion
 ***************/
@@ -1020,9 +1181,9 @@ New Navigtaion
 /* Tablet */
 @media only screen and (max-width: 945px) {
   .intro1{
-	float:none;
-	width:60%;
-	margin-top:0px;
+    float:none;
+    width:60%;
+    margin-top:0px;
   }
   .navbar .navigation li {
     font-size: 14px;