@media only screen and (max-width: 1200px) {
#images {
	height: 100%;
	width: 100%;
	background-image: url("nQkm2V (1).jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

#k-button {
	padding: 15px 94px;
}

#logo-background {
	height: 100px;
	width: 200px;
	position: fixed;
	top: 0;
	left: 26%;
	z-index: 98;
}

#menu-background {
	position: fixed;
	top: 0;
	width: 100%;
	height: 55px;
	z-index: 97;
	background-color: #131c20;
}

.menu- a {
	color: #d3d3d3;
	font-size: 19px;
	z-index: 999;
	font-family: 'PT Sans', sans-serif;
	text-decoration: none;
}

#menu {
	position: fixed;
	top: 17px;
	left: 9%;
}

#menu-2 {
	position: fixed;
	top: 17px;
	left: 76%;
}

.menu- a:hover {
	color: white;
}

#z-logo {
	position: fixed;
	top: 10px;
	height: 75px;
	width: 90px;
	z-index: 100;
	left: 38%;
	z-index: 101;
}

.buttons {
	position: relative;
	top: 400px;
	margin-bottom: -114px;
}

.buttons a {
	text-decoration: none;
	color: #8b0021;
	padding: 15px 90px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 25px;
	border: solid 1px #8b0021;
	transition: 0.4s;
	border-radius: 5px;
	margin: 30px auto 0;
}

.buttons a:hover {
	background-color: #8b0021;
	color: white;
}

.zenia-text {
	position: relative;
	bottom: 450px;
	font-size: 40px;
	color: white;
	margin-top: -74px;
	font-family: 'Ubuntu', sans-serif;
}

#karakter-syf {
	height: 195%;
	width: 100%;
	background-color: #131c20;
}

.baslik {
	position: relative;
	bottom: 1180px;
	font-family: 'PT Sans Narrow', sans-serif;
	width: 100%;
	height: 50px;
	background: gray;
	line-height: 60px;
	margin-top: -120px;
	color: white;
	font-size: 25px;
	border-radius: 5px;
}

.teaser {
	position: relative;
	bottom: 1010px;
	margin-top: -160px;
}

.t-image {
	height: 170px;
	width: 170px;
}

.t-hr {
	width: 400px;
}

.t-text {
	position: relative;
	bottom: 910px;
	color: white;
	font-size: 17px;
	font-family: 'Ubuntu', sans-serif;
	margin-top: -86px;
}

.teaser-2 {
	position: relative;
	bottom: 595px;
	margin-top: -160px;
}

.t-image-2 {
	height: 170px;
	width: 170px;
}

.t-hr-2 {
	width: 400px;
}

.t-text-2 {
	position: relative;
	bottom: 490px;
	color: white;
	font-size: 17px;
	font-family: 'Ubuntu', sans-serif;
	margin-top: -86px;
}

.baslik-2 {
	position: relative;
	bottom: 750px;
	width: 100%;
	height: 50px;
	background: gray;
	line-height: 60px;
	color: white;
	font-size: 25px;
	font-family: 'PT Sans Narrow', sans-serif;
	border-radius: 5px;
	margin-top: -140px;
}

.baslik-3 {
	position: relative;
	bottom: 350px;
	font-family: 'PT Sans Narrow', sans-serif;
	width: 100%;
	height: 50px;
	background: gray;
	line-height: 60px;
	margin-top: -120px;
	color: white;
	font-size: 25px;
	border-radius: 5px;
}

.teaser-3 {
	position: relative;
	bottom: 195px;
	margin-top: -160px;
}

.t-image-3 {
	height: 170px;
	width: 170px;
}

.t-text-3 {
	position: relative;
	bottom: 86px;
	color: white;
	font-size: 17px;
	font-family: 'Ubuntu', sans-serif;
	margin-top: -86px;
}

.social-media {
	position: absolute;
	top: 318%;
	left: 18%;
}

.social-media a {
	color: white;
	font-size: 15px;
	margin: 10px;
	padding: 15px;
	text-decoration: none;
	border-radius: 100px;
	transition: 0.6s;
}

.fa-facebook {
	background: #3b5998;
}

.fa-facebook:hover {
	background: white;
	color: #3b5998;
}

.fa-instagram {
	background: #cd486b;
}

.fa-instagram:hover {
	background: white;
	color: #cd486b;
}

.fa-steam {
	background: #00adee;
}

.fa-steam:hover {
	background: white;
	color: #00adee;
}

.fa-youtube {
	background: #cc181e;
}

.fa-youtube:hover {
	background: white;
	color: #cc181e;
}

.ust-footer {
	width: 100%;
	height: 35%;
	background-color: #0e0e0f;
}

.footer-logo {
	position: absolute;
	height: 100px;
	top: 300%;
	width: 120px;
	left: 35%;
}

.hr-footer {
	position: absolute;
	top: 315%;
	left: 14%;
}

.alt-footer {
	width: 100%;
	height: 5%;
	background-color: black;
}

.alt-text {
	position: relative;
	bottom: 11px;
	color: white;
	font-size: 14px;
	margin-top: -15px;
	font-family: 'Oxygen', sans-serif;
}

#bottom-b {
	position: fixed;
	top: 90%;
	left: 83%;
	z-index: 300;
	font-size: 35px;
	background-color: #8b0021;
	color: white;
	border-radius: 50px;
	padding: 10px 15px;
	transition: 0.4s;
	border: none;
}

#bottom-b:hover {
	background: white;
	color: #8b0021;
}
}