From 44307cfe615a18144735f62ebb36c04b309e7f2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Sat, 30 Jul 2022 17:51:18 +0300
Subject: [PATCH] Update dev server

---
 resources/styles/main.css | 58 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 54 insertions(+), 4 deletions(-)

diff --git a/resources/styles/main.css b/resources/styles/main.css
index 85fbd4c..2eeead1 100644
--- a/resources/styles/main.css
+++ b/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;