resize of personal picture

tile height on mobile devices

css/index.css

@@ -34,8 +34,13 @@ body, html {
     color: #fffd80;
 }
 
+/* About Me*/
+#aboutmeText{
+    width: 40%;
+}
+
 /* screen larger than 600px -- desktop */
-@media screen and (min-width: 601px) {
+@media screen and (min-width: 1201px) {
     .tile {
         min-height: 530px;
     }
@@ -62,7 +67,7 @@ body, html {
 }
 
 /* Screen smaller than 600px -- mobile */
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 1200px) {
     /*background color of collapsed navbar*/
     .navbar-nav {
         background: #311E25;
@@ -74,6 +79,7 @@ body, html {
 
     #section1 {
         padding-top: 100px;
+        height: 90%;
     }
 
     #preTitle {
@@ -92,4 +98,9 @@ body, html {
         width: 100%;
         font-size: 13px;
     }
+
+    /* About Me*/
+    #aboutmeText{
+        width: 100%;
+    }
 }