Update dev server

resources/styles/main.css

@@ -543,12 +543,8 @@ h1 {
 }
 #video h1, #misyon h1, #vizyon h1, #hikaye h1, #yonetim h1 {
   margin: 0 0 1em 0;
-  font: 600 2.5vw "Montserrat", sans-serif;
   color: black;
 }
-#video p, #misyon p, #vizyon p, #hikaye p, #yonetim p {
-  font: 500 1.25vw "Montserrat", sans-serif;
-}
 #video ul, #misyon ul, #vizyon ul, #hikaye ul, #yonetim ul {
   list-style-position: inside;
   font-size: 1vw;
@@ -566,6 +562,22 @@ h1 {
   height: auto !important;
 }
 
+#hikaye section {
+  display: flex;
+  align-items: center;
+}
+#hikaye section figure img {
+  height: 25vw;
+}
+@media screen and (max-width: 1700px) {
+  #hikaye section {
+    flex-direction: column-reverse;
+  }
+}
+#hikaye .text-area {
+  flex-direction: column;
+}
+
 .sec-links-to-documents {
   display: flex;
   flex-direction: column;
@@ -981,6 +993,44 @@ a:active {
   color: inherit;
 }
 
+.paragraph {
+  font: 500 x-large "Montserrat", sans-serif;
+}
+@media screen and (max-width: 1100px) {
+  .paragraph {
+    font-size: large;
+  }
+}
+@media screen and (max-width: 850px) {
+  .paragraph {
+    font-size: 18px;
+  }
+}
+@media screen and (max-width: 400px) {
+  .paragraph {
+    font-size: 16px;
+  }
+}
+
+.heading {
+  font: 600 50px "Montserrat", sans-serif;
+}
+@media screen and (max-width: 1100px) {
+  .heading {
+    font-size: 35px;
+  }
+}
+@media screen and (max-width: 850px) {
+  .heading {
+    font-size: 25px;
+  }
+}
+@media screen and (max-width: 400px) {
+  .heading {
+    font-size: 20px;
+  }
+}
+
 #header {
   position: sticky;
   top: 0;