@media screen and (max-width: 600px){
	#logo{ 
			position: absolute;
			top:0px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:60px;
			padding-top:0px;
			padding-left:0px;
			padding-bottom:25px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#eposta{ 
			position: absolute;
			top:87px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:15px;
			padding-top:5px;
			padding-left:0px;
			padding-bottom:10px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#sifre{ 
			position: absolute;
			top:117px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:25px;
			padding-top:0px;
			padding-left:17px;
			padding-bottom:0px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#kaydol{			
			position:absolute;
			top:420px;
			left:10px;
			width:250px;
			height:250px;
			padding-left:0px;
			color: white;
			background-color:#808080;
			font-size:15px;
			
	}
	#resim{
			position:absolute;
			top:150px;
			left:10px;
			width:250px;
			height:250px;
			background-color:#44cc88;
			font-size:15px;
			
	}		
			
}
@media screen and (min-width: 601px) and (max-width: 800px)  {
	#logo{ 
			position: absolute;
			top:0px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:60px;
			padding-top:0px;
			padding-left:0px;
			padding-bottom:25px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#eposta{ 
			position: absolute;
			top:87px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:15px;
			padding-top:5px;
			padding-left:0px;
			padding-bottom:10px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#sifre{ 
			position: absolute;
			top:117px;
			left:0px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:25px;
			padding-top:0px;
			padding-left:17px;
			padding-bottom:0px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#kaydol{			
			position:absolute;
			top:420px;
			left:10px;
			width:250px;
			height:250px;
			padding-left:0px;
			color: white;
			background-color:#808080;
			font-size:15px;
			
	}
	#resim{
			position:absolute;
			top:150px;
			left:10px;
			width:250px;
			height:250px;
			background-color:#44cc88;
			font-size:15px;
			
	}		
			
}

@media screen and (min-width: 801px)  {
	#logo{ 
			position: absolute;
			top:0px;
			left:0px;
			width:460px; /*height ve width olculerine ilgili paddingler de dahil*/
			height:60px;
			color:white;
			padding-top:0px;
			padding-left:0px;
			padding-bottom:25px;			
			background-color:#808080;
			
	}
	#eposta{ 
			position: absolute;
			top:0px;
			left:460px;
			width:230px; /*height ve width olculerine ilgili paddingler de dahil*/
			height:40px;
			padding-top:30px;
			padding-left:0px;
			padding-bottom:15px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#sifre{ 
			position: absolute;
			top:0px;
			left:690px;
			width:100%; /*height ve width olculerine ilgili paddingler de dahil*/
			height:40px;
			padding-top:30px;
			padding-left:0px;
			padding-bottom:15px;			
			background-color:#808080;
			font-size:15px;
			color:white;
	}
	#kaydol{			
			position:absolute;
			top:180px;
			left:600px;
			width:300px;
			height:300px;
			padding-left:50px;
			color: white;
			background-color:#808080;
			font-size:15px;
			
	}
	
	#resim{
			position:absolute;
			top:140px;
			left:70px;
			width:400px;
			height:400px;
			background-color:#44cc88;
			font-size:15px;
			
	}		
			
}