mobile css support

css/style.css

@@ -5,6 +5,7 @@
 #8BB174 Pale Green
 #B5CA8D Desaturated Yellow-Green
 */
+/*Meta stuff*/
 html, body {
     background-repeat: no-repeat;
     background-attachment: fixed;
@@ -81,7 +82,7 @@ ul > li {
     margin-left: auto;
     margin-right: auto;
     display: block;
-	width: 100%px;
+    width: 100%;
 }
 .tilecontent {
     margin-left: auto;
@@ -111,6 +112,7 @@ ul > li {
     padding: 10px;
     margin: 0px 15px;
     border-radius: 12.632px;
+    margin-bottom: 20px;
     transition: 1s;
 }
 .smbutton:hover {
@@ -118,21 +120,80 @@ ul > li {
     transition: 0.25s;
 }
 .descriptionContent {
-	display: block;
-	padding: 25px;
-	margin-left: 10%;
+    padding: 20px 0;
     border-radius: 8px;
-	width: 85%;
     border: none;
     background-color: rgba(139, 177, 116, 1.00);
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
     transition: 1s;
 }
+.descriptionContentText {
+    width: 65%;
+    float: left;
+}
+.descriptionContentTextFullWidth{
+    width: auto;
+}
 .descriptionContentImage {
+    width: 100px;
+    float: left;
     border-radius: 10px;
-	width: 200px;
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-right: 25px;
 }
 .footer-placeholder {
     text-align: center;
     width: 100%;
 }
+/*mobile setup*/
+/* If the screen size is 601px or more, set the font-size of <div> to 80px */
+@media only screen and (min-width: 601px) {
+    p {
+        font-size: 16pt;
+    }
+    .bodycontent {
+        padding: 75px 100px;
+    }
+    .descriptionContentImage {
+	    width: 100px;
+    }
+    .descriptionContentText {
+        width: 75%;
+    }
+    h2 {
+        font-size: 18pt;
+    }
+    .footer-placeholder {
+        width: 100%;
+    }
+}
+/* If the screen size is 600px or less, set the font-size of <div> to 30px */
+@media only screen and (max-width: 600px) {
+    p {
+        font-size: 12pt;
+    }
+    li > p{
+        font-size: 10pt;
+    }
+    .bodycontent {
+        padding: 25px 20px;
+    }
+    .descriptionContentImage {
+        width: 50px;
+    }
+    .descriptionContentText{
+        width: 65%;
+    }
+    h2 {
+        font-size: 14pt;
+    }
+    .footer-placeholder {
+        width: 80%;
+        margin: auto;
+    }
+}
+
+.descriptionContentTextFullWidth{
+    width: auto;
+}