content{
	margin-top:0;
}

.harita{
	width:100%;
	height:500px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	top:0;
}


.mesaj{
	width:48%;
	margin:0 1%;
	float:left;
	position:relative;
}

.sube{
	width:48%;
	margin:0 1%;
	float:left;
	position:relative;
}

.sube h3{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	color:#ddd;
}

.sube .bilgi{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #ddd;
	margin:5px 0;
	padding:5px 0;
}

.sube .bilgi p{
	width:100%;
	float:left;
	position:relative;
	height:30px;
	line-height:30px; 
	font-weight:50;
}




input[type=text]{
	width:100%;
	height:50px;
    color: #3d3d3d;
    padding:10px 1%;
    text-decoration: none;
    margin:4px 0;
	border-radius:1px;
	
	color:#ddd;
	background-color:#3d3d3d;
	position:relative;
	border:none;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	outline:none;
}


input[type=submit]{
	width:100%;
    background-color: #3d3d3d;
	border:1px solid #ddd;
    color: #ddd;
    padding: 16px 0;
    text-decoration: none;
    margin: 4px 0;
    cursor: pointer; 
	
	-webkit-transition: 0.5s;
    transition: 0.5s;
	outline:none;
}



textarea{
	width:100%;
	height:100px;
	color:#ddd;
	background-color:#3d3d3d;
	position:relative;
	border:none;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	outline:none;
}



input[type=text]:focus{
	border-color:#fff;
}


input[type=submit]:active{
	border-color:#fff;
	background-color:#262525;
}









@media screen and (max-width: 600px), screen and (max-device-width: 600px) {


.mesaj{
	width:98%;
	margin:20px 1%;
	float:left;
	position:relative;
}

.sube{
	width:98%;
	margin:20px 1%;
	float:left;
	position:relative;
}


}