footer{
	width:100%;
	height:100px;
	color:#ddd;
	float:left;
	margin:0;
	padding:0;
	background-color:#161616;
}

.sosyal_alan{
	float:left;
	position:relative;
	top: 50%;
	transform: translateY(-50%);
}

.sosyal{
	float:left;
	width:30px;
	height:30px;
	margin:0 10px;
}




.copy{
	float:right;
	color:#797f83;
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	margin-right:10px;
}





.yazilim{
	width:100%;
	text-align:center;
	float:left;
	color:#797f83;
	position:relative;
	top: 60%;
	transform: translateY(-50%);
}

 .yazilim a{
	color:#797f83;
	text-decoration:none;
}
.yazilim a:hover{
	color:#ddd;
}




@media screen and (max-width: 736px), screen and (max-device-width: 736px) {
	
	
footer{
	width:100%;
	height:120px;
	color:#ddd;
	float:left;
	margin:0;
	padding:0;
	background-color:#39454b;
}

.sosyal_alan{
	float:left;
	position:relative;
	top: 10%;
	left:50%;
	transform: translateX(-50%);
}

.sosyal{
	float:left;
	width:25px;
	height:25px;
	margin:0 10px;
}




.copy{
	width:100%;
	float:left;
	color:#797f83;
	position:relative;
	top: 30%;
	left:50%;
	transform: translateX(-50%);
	text-align:center;
}





.yazilim{
	width:100%;
	text-align:center;
	float:left;
	color:#797f83;
	position:relative;
	top: 50%;
	transform: translateY(-50%);
}

 .yazilim a{
	color:#797f83;
	text-decoration:none;
}
.yazilim a:hover{
	color:#ddd;
}

	
	
}