1 files changed, 89 insertions, 7 deletions

diff --git a/style.css b/style.css
index 66a183c..fd191b5 100755
--- a/style.css
+++ b/style.css
@@ -109,9 +109,11 @@ header{
   max-width: 35%;
 }
 
-#picture img{
-  height: 100%;
-  width: 100%;
+#server_rack_img img{
+  max-width: 80%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 @media screen and (min-width: 1000px) {
@@ -125,10 +127,9 @@ header{
 
 #project-list-container{
   display: flex;
-  flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
-  padding-top: 10px;
+  padding-top: 50px;
 }
 
 #project-list-container a {
@@ -136,7 +137,88 @@ header{
   text-decoration: none;
 }
 
+#menu-links nav {
+  display: none;
+}
+
+@media screen and (min-width: 530px) {
+  #menu-links {
+    display: flex;
+    justify-content: space-between;
+  }
+  #menu-links nav {
+    display: block;
+    padding-right: 10px;
+  }
+  #menu-links a {
+    padding-right: 5px;
+  }
+}
+
+
+#latest-project-pics{
+  display: flex;
+  justify-content: space-around;
+  align-items: stretch;
+  padding-top: 10px;
+}
 #latest-project-pics img{
-  height: 100%;
-  width: 100%;
+  max-width: 20%;
+}
+
+#reviews {
+  display: flex;
+}
+
+.container {
+  border: 2px solid white;
+  background-color: black;
+  border-radius: 5px;
+  padding: 16px;
+  margin: 16px 0
+}
+
+.container::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.container img {
+  float: left;
+  margin-right: 20px;
+  border-radius: 50%;
+}
+
+.container span {
+  font-size: 20px;
+  margin-right: 15px;
+}
+
+@media (max-width: 500px) {
+  .container {
+      text-align: center;
+  }
+  .container img {
+      margin: auto;
+      float: none;
+      display: block;
+  }
+}
+
+#latest-news-pics {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+#latest-news-pics img {
+  height: auto;
+  max-width: 35%;
+}
+
+footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
\ No newline at end of file