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%;
+    }
 }

index.html

@@ -72,7 +72,7 @@
 <div id="section2" class="bg-warning tile">
     <div class="container">
         <h1>About me</h1>
-        <p style="width: 40%">
+        <p id="aboutmeText">
             Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as things
             that live on the internet.
             I develop hardware near software exceptional websites and apps that provide intuitive and user friendly