body {
	overflow-y: hidden !important; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 32px;
	color: #000000;
	text-shadow: 0px 0px 0px #fff;
	font-weight: bold;
}

@font-face {
     font-family:Bauhaus;
    src: url(Bauhaus.ttf);
}
a{
	color:#f0f0f0;
	 text-decoration: none; }
a:hover{ color:#757575;}

.en:link, en:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
    background: rgba(116, 116, 116, 0.5);
    color: #f0f0f0;
    padding: 7px 15px;
	margin-top:3%;
	border-radius: 4px;
	margin-right:3%;

}

.en:hover, en:active {
    background-color: #f0f0f0;
	color:#454545;
}




.logo {
	width:40%;
			}
			
			.distablo{
	margin-left:25%;
	margin-bottom:20px;
	margin-top:4%;
	margin-right:25%;
	text-align:center;
	
	width:50%;
	height:55%;
	background: #4a4a4a;
	opacity:0.9;
	border-radius: 10px;
	border: solid 5px #f0f0f0;
	padding:10px;
	position: fixed;
				
				}
				
				.kolon{
			height:40%;
			float:left;
		width:50%;
		text-align:center;
		padding-top:20px;
		margin:auto;}
		
		


.ust{
	width:100%;
	height:70%;
	margin: 0px auto;
	position:relative;
	float:right;
	
	}
	
	.ustdiv{
	clear: both;
	width:100%;
	float:right;
	position:fixed;
		}
	
	.alt{
	width:100%;
	height:30%;
	margin:auto;
	position:relative;
	}		
	
	
	.baslik:link, baslik:visited {
	text-shadow: 1px 1px 3px #fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
    color: #f0f0f0;
    padding: 30px 50px;
	margin-right: 10%;
	margin-top: 2%;
    text-align: right; 
    text-decoration: none;
	border-radius:5px;
	background: rgba(39, 39, 39, 0.1);
}

.baslik:hover, baslik:active {
    background-color: #f0f0f0;
	color:#454545;
}


@media screen and (max-width: 768px) {
  .baslik:link, en:visited {

	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
    background-color: #454545;
    color: #f0f0f0;
    padding: 10px 10px;
	margin-right: 2%;
	margin-left:2%;
	margin-top: 5%;

}

.baslik:hover, en:active {
    background-color: #f0f0f0;
	color:#454545;
}


.logo {
	width:50%;
			}
			
			.distablo{
	margin-left:5%;
	margin-bottom:%10;
	margin-top:12%;
	margin-right:5%;
	text-align:center;
	
	width:90%;
	height:10%;
	background: #4a4a4a;
	opacity:0.9;
	border-radius: 10px;
	border: solid 5px #f0f0f0;
	padding:10px;
	position: fixed;
				
				}
				
				.kolon{
			height:30%;
			float:left;
		text-align:center;
		padding-top:20px;
		margin:30px;
		margin:auto;}
}

@media screen and (max-width: 900px) {
	
	.logo {
	width:20%;
			}
			
			.distablo{
	margin-left:20%;
	margin-bottom:%15;
	margin-top:8%;
	margin-right:20%;
	text-align:center;
	
	width:60%;
	height:60%;
	background: #4a4a4a;
	opacity:0.9;
	border-radius: 10px;
	border: solid 5px #f0f0f0;
	padding:10px;
	position: fixed;
				
				}
}