DevMountain
diff --git a/level-1/index.html b/level-1/index.html
@@ -56,7 +56,8 @@
                 <!-- Step-3.2 add styles to match the step-3 design. This is the content section  -->
                 <div class="content">
                     <!-- Step-3.3 add some content  -->
-
+                    <p>Lorem ipsum dolor sit amet, an eam virtute voluptatum. Et cum lobortis partiendo, argumentum assueverit nec in. Et illum soleat labores eos, no mel ipsum commodo legimus, te dolore graeci ceteros his. Ad illud appareat conceptam pro, eu est esse atqui definitionem, vidit adipiscing at mea. Harum deseruisse cum ex. No sit accusata delicatissimi, est feugiat eligendi adipisci an, in has malorum vivendo.
+</p>
                 </div>
 
             </section>

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
@@ -12,26 +12,28 @@
 .content-left {
     width: 33.3%;
     /*this height is a placeholder. You will need to make some adjustment to get this container to look like the design */
-    height: 100px;
+    height: 800px;
     background: #565555;
+    float: left;
 }
 
 
 /* Step-1.3 I would suggest using float to get this container in it's desired location. */
 
 .content-mid {
-    width: 66.3%;
+    width: 66.67%;
     /*this height is a placeholder. You will need to make some adjustment to get this container to look like the design */
     height: 100px;
     background: #B0B0B0;
-
+    height: 800px;
+    float: left;
 }
 
 /* Step-1.4 your going to want to add a positioning property to get this container to the bottom of the screen  */
 
 .footer {
     width: 100%;
     height: 100px;
-    background: #3A3A3A;
-
+    background: #D8D8D8;
+    clear: both;
 }
diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
@@ -3,26 +3,53 @@
 
 .profile-image-container {
     background: #96F0F2;
+    margin: 20px;
+    height: 30%;
+    width: 80%;
+    margin-right: auto;
+    margin-left: auto;
 }
 
 /* Step-2.2  One option to align this container to the center would be to give it a margin-left: auto; and margin-right: auto; */
 
 .profile-links-container {
     background: #12F3F7;
+    height: 60%;
+    width: 80%;
+    margin-bottom: 20px;
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 /* Step-2.3  You can either use float left or position absolute to get this element to in the desired location */
 
 .logo-container {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    margin-left: 33px;
+    height: 60%;
+    width: 27%;
     background: #4F4949;
+    float: left;
 }
 
 
 /* Step-2.4 You can either use float left or position absolute to get this element to in the desired location*/
 
 .menu-container {
     background: #4F4949;
+    margin: 20px;
+    height: 60px;
+    width: 50px;
+    float: right;
 }
 
+html {
+   box-sizing: border-box;
+}
 
-
+*, *:before, *:after {
+   box-sizing: inherit;
+}
diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
@@ -1,17 +1,30 @@
 /* Step-3.1  Not much to do here except add a width */
 .content-mid-header {
     background: #444;
+    width: 100%;
+    height: 100px;
 }
 
 
 /* Step-3.3 add a margin top to give this container some space. Also your going to want to set the  margin-left and margin-right to auto. This will give equal distance left and right to the container. Essentially centering the container   */
 .content-container {
  background: #D8D8D8;
+ width: 85%;
+ height: 60%;
+ margin-top: 45px;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
 }
 
 
 /* Step-3.2  Remember to add some padding and text-align*/
 
 .content {
-
+    text-align: center;
+    padding-top: 20px;
+    padding-left: 20px;
+    padding-right: 20px;
+    font-family: sans-serif;
+    font-size: 16px;
 }