@import url('https://fonts.googleapis.com/css?family=Lobster');
#logo {
	position:fixed;
	top:0px;
	left:20px;
	z-index:9999;
}
#box1 {
	width:100%;
	height:500px;
}
#box1 ul {
	margin-top:50px;
	width:100%;
	height:400px;
	display:inline-block;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#box1 ul li {
	width:27%;
	height:300px;
	border-top:solid 30px black;
	margin-right: 50px;
    
	display:inline-block;
}
#box1 ul li h1 {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	color: white;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	margin-top:-25px;
}
#box1 ul li p {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	color: #5B5B5B;
	font-size: 16px;
	text-align:justify;
}
#box-referans, #box-iletisim, #box-hakkimizda {
    padding:0px;
    width: 100%;
	height:auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;
}
#box-adres {
	position:absolute;
	top:645px;
	left:30px;
	width:300px;
	height:400px;
	background-color:grey;
}
#box-adres p {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	color: white;
	font-size: 16px;
	text-align:left;
	line-height:2;
	margin-left:20px;
	margin-top:50px;
}
#map {
	position:absolute;
	top:645px;
	left:370px;
	width:570px;
	height:410px;
	background-color:green;
}
#box-form {
	position:absolute;
	top:600px;
	left:980px;
	width:300px;
	height:400px;
	
}
input{
	height:30px;
	margin-bottom:10px;
}
input:focus, textarea:focus {
	background-color:#ffffbf;
	
}input, textarea {
	padding-left:10px;
	color:#0040ff;
	font-size:13px;
	
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}
.aussehen {
margin-top: 5px;
padding-left:5px;
    width: 100px;
    height: 40px;
    font-size: 16px;
	color:#cecebf !important;
	background-color:#5a5a5a;
	border:none;
}
.aussehen:hover {
	background-color:#fffff2;
}