You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

356 regels
3.8 KiB

  1. @charset "utf-8";
  2. /* CSS Document */
  3. /******************************
  4. [Table of Contents]
  5. 1. 1600px
  6. 2. 1440px
  7. 3. 1280px
  8. 4. 1199px
  9. 5. 1024px
  10. 6. 991px
  11. 7. 959px
  12. 8. 880px
  13. 9. 768px
  14. 10. 767px
  15. 11. 539px
  16. 12. 479px
  17. 13. 400px
  18. ******************************/
  19. /************
  20. 1. 1600px
  21. ************/
  22. @media only screen and (max-width: 1600px)
  23. {
  24. }
  25. /************
  26. 2. 1440px
  27. ************/
  28. @media only screen and (max-width: 1440px)
  29. {
  30. }
  31. /************
  32. 3. 1380px
  33. ************/
  34. @media only screen and (max-width: 1380px)
  35. {
  36. }
  37. /************
  38. 3. 1280px
  39. ************/
  40. @media only screen and (max-width: 1280px)
  41. {
  42. .super_container
  43. {
  44. padding-left: 0px;
  45. padding-right: 0px;
  46. }
  47. }
  48. /************
  49. 4. 1199px
  50. ************/
  51. @media only screen and (max-width: 1199px)
  52. {
  53. #google_map
  54. {
  55. height: 427px;
  56. }
  57. }
  58. /************
  59. 4. 1100px
  60. ************/
  61. @media only screen and (max-width: 1100px)
  62. {
  63. }
  64. /************
  65. 5. 1024px
  66. ************/
  67. @media only screen and (max-width: 1024px)
  68. {
  69. }
  70. /************
  71. 6. 991px
  72. ************/
  73. @media only screen and (max-width: 991px)
  74. {
  75. h1{font-size: 48px;}
  76. .main_nav
  77. {
  78. display: none;
  79. }
  80. .hamburger_container
  81. {
  82. display: block;
  83. }
  84. .discover_button
  85. {
  86. margin-top: 37px;
  87. }
  88. .home_social_container
  89. {
  90. right: 0;
  91. }
  92. .contact_sidebar
  93. {
  94. margin-top: 120px;
  95. }
  96. #google_map
  97. {
  98. height: 317px;
  99. }
  100. }
  101. /************
  102. 7. 959px
  103. ************/
  104. @media only screen and (max-width: 959px)
  105. {
  106. }
  107. /************
  108. 8. 880px
  109. ************/
  110. @media only screen and (max-width: 880px)
  111. {
  112. }
  113. /************
  114. 9. 768px
  115. ************/
  116. @media only screen and (max-width: 768px)
  117. {
  118. }
  119. /************
  120. 10. 767px
  121. ************/
  122. @media only screen and (max-width: 767px)
  123. {
  124. .footer_social li
  125. {
  126. margin-left: 4px;
  127. }
  128. .footer_social li i
  129. {
  130. font-size: 13px;
  131. }
  132. .sidebar_slider
  133. {
  134. height: 333px;
  135. }
  136. .contact_form_name,
  137. .contact_form_email
  138. {
  139. display: block;
  140. width: 100%;
  141. }
  142. .contact_form_name
  143. {
  144. margin-right: 0px;
  145. }
  146. .contact_form_email
  147. {
  148. margin-left: 0px;
  149. }
  150. }
  151. /************
  152. 11. 575px
  153. ************/
  154. @media only screen and (max-width: 575px)
  155. {
  156. h2{font-size:24px;}
  157. p{font-size:14px;}
  158. .header
  159. {
  160. padding-left: 15px;
  161. padding-right: 15px;
  162. }
  163. .logo
  164. {
  165. margin-left: 4px;
  166. }
  167. .fs_menu_shapes
  168. {
  169. width: 30%;
  170. bottom: 35px;
  171. left: -30px;
  172. }
  173. .fs_menu_list li a
  174. {
  175. font-size: 48px;
  176. }
  177. .fs_menu_container
  178. {
  179. padding-right: 30px;
  180. }
  181. .fs_social_container
  182. {
  183. right: 20px;
  184. }
  185. .home_social_container
  186. {
  187. display: none !important;
  188. }
  189. .sidebar_slider
  190. {
  191. height: calc((100vw - 30px) / 1.42);
  192. }
  193. .footer
  194. {
  195. padding-top: 30px;
  196. padding-bottom: 30px;
  197. }
  198. .footer_content
  199. {
  200. height: auto;
  201. }
  202. .cr p
  203. {
  204. font-size: 13px;
  205. margin-bottom: 15px;
  206. }
  207. }
  208. /************
  209. 11. 539px
  210. ************/
  211. @media only screen and (max-width: 539px)
  212. {
  213. }
  214. /************
  215. 12. 480px
  216. ************/
  217. @media only screen and (max-width: 480px)
  218. {
  219. }
  220. /************
  221. 13. 479px
  222. ************/
  223. @media only screen and (max-width: 479px)
  224. {
  225. h1{font-size: 24px;}
  226. h2{font-size: 16px;}
  227. h3{font-size: 16px;}
  228. p{font-size: 13px;}
  229. .fs_menu_container.active
  230. {
  231. padding-top: 100px;
  232. }
  233. .fs_menu_list li a
  234. {
  235. font-size: 24px;
  236. }
  237. .fs_menu_list li a > span::after
  238. {
  239. bottom: 0px;
  240. height: 2px;
  241. }
  242. .fs_menu_list li a span span
  243. {
  244. top: 0;
  245. left: -2px;
  246. }
  247. .fs_social li
  248. {
  249. margin-left: 5px;
  250. }
  251. .main_slider_content p
  252. {
  253. font-size: 13px;
  254. }
  255. .button
  256. {
  257. width: 170px;
  258. height: 50px;
  259. }
  260. .button a
  261. {
  262. font-size: 9px;
  263. line-height: 50px;
  264. }
  265. .discover_button
  266. {
  267. margin-top: 28px;
  268. }
  269. .home
  270. {
  271. height: 266px;
  272. }
  273. .home_content
  274. {
  275. margin-top: 114px;
  276. }
  277. .home_content h1
  278. {
  279. margin-bottom: 0px;
  280. }
  281. .home_content span
  282. {
  283. font-size: 10px;
  284. letter-spacing: 0.5em;
  285. }
  286. .header
  287. {
  288. height: 90px;
  289. }
  290. .section_title h2::before
  291. {
  292. bottom: 51px;
  293. }
  294. .icon_container
  295. {
  296. margin-bottom: 25px;
  297. }
  298. .contact_button
  299. {
  300. margin-top: 45px;
  301. }
  302. }
  303. /************
  304. 14. 400px
  305. ************/
  306. @media only screen and (max-width: 400px)
  307. {
  308. }