1. @media only screen and (max-width: 1200px) {
2. #images {
3.         height: 100%;
4.         width: 100%;
5.         background-image: url("nQkm2V (1).jpg");
6.         background-size: cover;
7.         background-repeat: no-repeat;
8. }
9.  
10. #k-button {
11.         padding: 15px 94px;
12. }
13.  
14. #logo-background {
15.         height: 100px;
16.         width: 200px;
17.         position: fixed;
18.         top: 0;
19.         left: 26%;
20.         z-index: 98;
21. }
22.  
23. #menu-background {
24.         position: fixed;
25.         top: 0;
26.         width: 100%;
27.         height: 55px;
28.         z-index: 97;
29.         background-color: #131c20;
30. }
31.  
32. .menu- a {
33.         color: #d3d3d3;
34.         font-size: 19px;
35.         z-index: 999;
36.         font-family: 'PT Sans', sans-serif;
37.         text-decoration: none;
38. }
39.  
40. #menu {
41.         position: fixed;
42.         top: 17px;
43.         left: 9%;
44. }
45.  
46. #menu-2 {
47.         position: fixed;
48.         top: 17px;
49.         left: 76%;
50. }
51.  
52. .menu- a:hover {
53.         color: white;
54. }
55.  
56. #z-logo {
57.         position: fixed;
58.         top: 10px;
59.         height: 75px;
60.         width: 90px;
61.         z-index: 100;
62.         left: 38%;
63.         z-index: 101;
64. }
65.  
66. .buttons {
67.         position: relative;
68.         top: 400px;
69.         margin-bottom: -114px;
70. }
71.  
72. .buttons a {
73.         text-decoration: none;
74.         color: #8b0021;
75.         padding: 15px 90px;
76.         font-family: 'PT Sans Narrow', sans-serif;
77.         font-size: 25px;
78.         border: solid 1px #8b0021;
79.         transition: 0.4s;
80.         border-radius: 5px;
81.         margin: 30px auto 0;
82. }
83.  
84. .buttons a:hover {
85.         background-color: #8b0021;
86.         color: white;
87. }
88.  
89. .zenia-text {
90.         position: relative;
91.         bottom: 450px;
92.         font-size: 40px;
93.         color: white;
94.         margin-top: -74px;
95.         font-family: 'Ubuntu', sans-serif;
96. }
97.  
98. #karakter-syf {
99.         height: 195%;
100.         width: 100%;
101.         background-color: #131c20;
102. }
103.  
104. .baslik {
105.         position: relative;
106.         bottom: 1180px;
107.         font-family: 'PT Sans Narrow', sans-serif;
108.         width: 100%;
109.         height: 50px;
110.         background: gray;
111.         line-height: 60px;
112.         margin-top: -120px;
113.         color: white;
114.         font-size: 25px;
115.         border-radius: 5px;
116. }
117.  
118. .teaser {
119.         position: relative;
120.         bottom: 1010px;
121.         margin-top: -160px;
122. }
123.  
124. .t-image {
125.         height: 170px;
126.         width: 170px;
127. }
128.  
129. .t-hr {
130.         width: 400px;
131. }
132.  
133. .t-text {
134.         position: relative;
135.         bottom: 910px;
136.         color: white;
137.         font-size: 17px;
138.         font-family: 'Ubuntu', sans-serif;
139.         margin-top: -86px;
140. }
141.  
142. .teaser-2 {
143.         position: relative;
144.         bottom: 595px;
145.         margin-top: -160px;
146. }
147.  
148. .t-image-2 {
149.         height: 170px;
150.         width: 170px;
151. }
152.  
153. .t-hr-2 {
154.         width: 400px;
155. }
156.  
157. .t-text-2 {
158.         position: relative;
159.         bottom: 490px;
160.         color: white;
161.         font-size: 17px;
162.         font-family: 'Ubuntu', sans-serif;
163.         margin-top: -86px;
164. }
165.  
166. .baslik-2 {
167.         position: relative;
168.         bottom: 750px;
169.         width: 100%;
170.         height: 50px;
171.         background: gray;
172.         line-height: 60px;
173.         color: white;
174.         font-size: 25px;
175.         font-family: 'PT Sans Narrow', sans-serif;
176.         border-radius: 5px;
177.         margin-top: -140px;
178. }
179.  
180. .baslik-3 {
181.         position: relative;
182.         bottom: 350px;
183.         font-family: 'PT Sans Narrow', sans-serif;
184.         width: 100%;
185.         height: 50px;
186.         background: gray;
187.         line-height: 60px;
188.         margin-top: -120px;
189.         color: white;
190.         font-size: 25px;
191.         border-radius: 5px;
192. }
193.  
194. .teaser-3 {
195.         position: relative;
196.         bottom: 195px;
197.         margin-top: -160px;
198. }
199.  
200. .t-image-3 {
201.         height: 170px;
202.         width: 170px;
203. }
204.  
205. .t-text-3 {
206.         position: relative;
207.         bottom: 86px;
208.         color: white;
209.         font-size: 17px;
210.         font-family: 'Ubuntu', sans-serif;
211.         margin-top: -86px;
212. }
213.  
214. .social-media {
215.         position: absolute;
216.         top: 318%;
217.         left: 18%;
218. }
219.  
220. .social-media a {
221.         color: white;
222.         font-size: 15px;
223.         margin: 10px;
224.         padding: 15px;
225.         text-decoration: none;
226.         border-radius: 100px;
227.         transition: 0.6s;
228. }
229.  
230. .fa-facebook {
231.         background: #3b5998;
232. }
233.  
234. .fa-facebook:hover {
235.         background: white;
236.         color: #3b5998;
237. }
238.  
239. .fa-instagram {
240.         background: #cd486b;
241. }
242.  
243. .fa-instagram:hover {
244.         background: white;
245.         color: #cd486b;
246. }
247.  
248. .fa-steam {
249.         background: #00adee;
250. }
251.  
252. .fa-steam:hover {
253.         background: white;
254.         color: #00adee;
255. }
256.  
257. .fa-youtube {
258.         background: #cc181e;
259. }
260.  
261. .fa-youtube:hover {
262.         background: white;
263.         color: #cc181e;
264. }
265.  
266. .ust-footer {
267.         width: 100%;
268.         height: 35%;
269.         background-color: #0e0e0f;
270. }
271.  
272. .footer-logo {
273.         position: absolute;
274.         height: 100px;
275.         top: 300%;
276.         width: 120px;
277.         left: 35%;
278. }
279.  
280. .hr-footer {
281.         position: absolute;
282.         top: 315%;
283.         left: 14%;
284. }
285.  
286. .alt-footer {
287.         width: 100%;
288.         height: 5%;
289.         background-color: black;
290. }
291.  
292. .alt-text {
293.         position: relative;
294.         bottom: 11px;
295.         color: white;
296.         font-size: 14px;
297.         margin-top: -15px;
298.         font-family: 'Oxygen', sans-serif;
299. }
300.  
301. #bottom-b {
302.         position: fixed;
303.         top: 90%;
304.         left: 83%;
305.         z-index: 300;
306.         font-size: 35px;
307.         background-color: #8b0021;
308.         color: white;
309.         border-radius: 50px;
310.         padding: 10px 15px;
311.         transition: 0.4s;
312.         border: none;
313. }
314.  
315. #bottom-b:hover {
316.         background: white;
317.         color: #8b0021;
318. }
319. }
320.