@charset "utf-8";
/* CSS Document */
html, body { height:100vh; margin:0;
 padding: 0;}
 label{color:#FFF;}
 
 
h1{
	
	 color:#FFF;
	 position:relative;
	 top:135px;
	 left:25%;
	 width: max-content;
	 z-index:2;
	 }
	 
	  #oadi{font-size: 3vw;
	  }
	  #badi{
		 font-size: 3vw;
		 top:200px;
		  left:45%;
		 }
#dil{position:fixed;
	height:25px;
	z-index:3;
}
#navi{
	position:fixed;
	
	top:25px;
	width:100%;
	z-index:3;
	
	}


.bolum{ /*Her bir satır için diyebiiriz. Ayarlarıyla oynayarak farkı bulabilirsin.*/
   
 /*height:100%;*/
 
}

#ana{
	
background-image:url(../resim/arka2.jpg);
background-size:cover;
opacity:1;
z-index:1;
height:100%;

	

}

#btanitim{
	

height:100%;
background-image:url(../resim/res23.jpg);
background-size:cover;
opacity:1;
z-index:1;
}


#kadro{   }
#projeler{    }
#aktivite{height:100%;}
#basarilar{height:100%;}
#iletisim{
	
	height:100%;
}


.ogrt{
	display:inline-block;
	
	
width:18%;
margin: 1% 0% 1% 1.6%;

text-align:center;


 
}
.ogrt img{ 

/*height: auto;
width: 23.8%;*/
max-width: 100%;
        max-height: 100%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}




.prj{
	
	display:inline-block;
	
	
width:18%;
margin: 1% 0 1% 1.6%;

text-align:center;
	
	
	
	/*ilk
	display:inline-block;
	
	
width:10%;
margin: 1% 0 1% 1.6%;
float:left;
text-align:center;
*/

 
}
.prj img{ 

/*height: auto;
width: 23.8%;*/
max-width: 100%;
        max-height: 100%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}



.etk{
	
	display:inline-block;
	
	
width:18%;
margin: 1% 0 1% 1.6%;

text-align:center;
	
	
	
	/*ilk
	display:inline-block;
	
	
width:10%;
margin: 1% 0 1% 1.6%;
float:left;
text-align:center;
*/

 
}
.etk img{ 

/*height: auto;
width: 23.8%;*/
max-width: 100%;
        max-height: 100%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}


.etk:hover,.prj:hover ,.bsr:hover{opacity: 0.7;}


.bsr{
	
	display:inline-block;
	
	
width:18%;
margin: 1% 0 1% 1.6%;

text-align:center;
	
	
	
	/*ilk
	display:inline-block;
	
	
width:10%;
margin: 1% 0 1% 1.6%;
float:left;
text-align:center;
*/

 
}
.bsr img{ 

/*height: auto;
width: 23.8%;*/
max-width: 100%;
        max-height: 100%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}




.baslikdiv{
	
	width:100%;
	height:120px;
	
	}
	
#baslik{
	top:75px;
	color:#333;
	
left:40%;
text-decoration:underline;
	
	}
#amac{
		top:10px;
	color:#333;
	position:relative;
left:10%;
width:80%;
	
	}
	
	.dalicerik{
	display:inline-block;
	left:20%;
	opacity:1;
	
	
	
	
width:25%;
margin: 3% 1% 0 15%;
/*float:left;*/
text-align:left;


 
}
.dalbaslik{
	font-weight:bold;

text-align:center;
 
}

#tanitres{
	position:relative;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	float:left;
	
	
	
	background-image:url(../resim/res2.jpg);
background-size:cover;
opacity:0.5;
z-index:1;
	
	}

#harita ,#mail{
	
	
	display:inline-block;
	
	}
	
	
	#harita{
		
		float: left;
		width:40%;
	height:60%;
	border:double;
		 position:relative;
		margin:1% 2% 0 0;
		top:5%;
		left:2%;
		}
#haritaayar{
	
	width:100%;
	height:100%;}
	
	#mail{
		float: left;
		width:40%;
	height:60%;
	border:double;
		 position:relative;
		 margin:1% 0% 0 2%;
		/*margin:1% 0 0 0;*/
			top:5%;
		left:2%;
		}
		
		#mailyazi{
			width:40%;
	height:60%;
	background-color:#09F;
			
			
			}
		
		
		#albumbolge{
			backdrop-filter: blur(10px) contrast(.8);
			/*background-color:#fff;*/
			width:100%;
			height:100%;
			z-index:4;
			position:absolute;
		/*top:0px;
			left:0px;*/
			padding:0;
			margin:0;
			
			
			}
	

		#kart{
			backdrop-filter: blur(10px) contrast(.8);
			/*background: rgba(255,255,255,0.92);*/
			/*background-color:#FFF;*/
			width:100%;
			height:100%;
			z-index:4;
			position:absolute;
		/*top:0px;
			left:0px;*/
			padding:0;
			margin:0;
			
			
			}
	
		#kartalt{
			max-width:1400px;
	background-color: #EFEFEF;
	height: 65%;
	width: 50%;
	/* margin: auto;*/
	 
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	border-style: groove;	 
	 
	}
	#prjresim{
		position:relative;
	width:80%;
	height:80%;
	}
		
		
		
		
		
		
		@media screen and (max-width: 980px) {
			
			#btanitim{
	height:auto;


}

.bolum{ /*Her bir satır için diyebiiriz. Ayarlarıyla oynayarak farkı bulabilirsin.*/
   dispaly:block;
 
 
}
#kadro{  }
#projeler{    }
#aktivite{height:auto;}
#basarilar{ height:auto;}
#iletisim{height:100%;}
			
 
#dil{ height:auto;}
  #navi{
	top:45px;
	 position:fixed;
		  }
	
	h1{
	
	 color:#FFF;
	 font-weight:bold;
	 position:relative;
	 top:150px;
	 left:2%;
	 width:max-content;
	 
	 z-index:2;
	 }
	
#oadi{font-size: 6vw;
		 width:100%;
		 background:#7D0000;
		 text-align:center;
		 left:0px;
		 
	  }
#badi{
		 font-size:5vw;
		 top:250px;
		  left:0px;
		  width:100%;
		   background:#7D0000;
		 text-align:center;
		 }	
		 
#ana{
	
background-image:url("../resim/arka2.jpg");
background-size:cover;
opacity:1;
} 
		 
	
	
	.baslikdiv{
		
		
	width: 100%;
	/*height: 20px;*/
	
	
	}
	
#baslik{
	display:block;
	top:90px;
	width:100%;
	text-align:center;
	left:0%;
}
.dalicerik{
	display:block;	
	width:95%;
	margin: 5% 0% 0% 2%;
 
}
#amac{
	display:block;
	top:20px;
	color:#333;
	position:relative;
left:4%;

width:95%;
	
	}
		
.ogrt{
	
	display:block;
	
	
width:95%;
margin: 10% 0% 1% 1.5%;

text-align:center;
 
}
	
	.ogrt img{ 

/*height: auto;
width: 23.8%;*/
max-width: 90%;
        max-height: 90%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}



.prj{
	display:block;
	
	
width:95%;
margin: 10% 0% 1% 1.5%;

text-align:center;
 
}
	
	.prj img{ 

/*height: auto;
width: 23.8%;*/
max-width: 90%;
        max-height: 90%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}


.etk{
	display:block;
	
	
width:95%;
margin: 10% 0% 1% 1.5%;

text-align:center;
 
}
	
	.etk img{ 

/*height: auto;
width: 23.8%;*/
max-width: 90%;
        max-height: 90%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;
}

.bsr{
	display:block;
	
	
width:95%;
margin: 10% 0% 1% 1.5%;

text-align:center;
 
}
	
	.bsr img{ 

/*height: auto;
width: 23.8%;*/
max-width: 90%;
        max-height: 90%;

    border-radius: 45%;
 margin-right: 10px;

    vertical-align: middle;

}



.altyazi{width:90%;			
			}
#harita{display:block;
width:95%;
margin:10% 0 0 0;}	
#mail{display:block;
width:95%;
height:200px;

}



#kart{
	 
	display:block;
			background-color:#FFF;
			width:100%;
			height:100%;
			z-index:4;
			position:absolute;
		/*top:0px;
			left:0px;*/
			padding:0;
			margin:0;
				
			}
			
			
			
	.col-md-4{
		display:block;
		width:100%;
	height:50%;
		
		}
		#kartalt{
			max-width:1400px;
	background-color:#36C;
	height: 100%;
	width: 90%;
	/* margin: auto;*/
	
	 margin: 1% 0% 1% 1.5%;
	
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	
	border-style: groove;	 
	 
	}
	#kartbaslik{
		display:block;
		
		}
	#kartyazi{display:block;
		position:relative;
		height:100%;
		width:100%;
		top:60%;
		font-size: 4vw;
		}
	#prjresim{
		position:relative
	width:50%;
	height:100%;
	}
		



		
		}