body {
	width: 100%;
	margin: 0 auto;
	background-color: #ededed;
	font-family: 'Open Sans', sans-serif;
}

.text {
	width: 1280px;
	margin: 0 auto;
}

header {
	height: 100px;
	background-color: white;
	-webkit-box-shadow: 0px 5px 6px 0px rgba(166, 166, 166, 0.75);
	-moz-box-shadow:    0px 5px 6px 0px rgba(166, 166, 166, 0.75);
	box-shadow:         0px 5px 6px 0px rgba(166, 166, 166, 0.75);
}

.logo {
	margin-top: -93px;
	margin-left: 60px;
}

h1 {
	text-transform: uppercase;
	font-size: 36px;
	float: right;
	margin-right: 30px;
	color: #f59f14;
	margin-top: -75px;
}

ul {
	float: left;
	margin-left: 50px;
	margin-top: 80px;
	list-style: none;
	padding: 0;
}

a {
	color: #414141;
	font-size: 24px;
	text-decoration: none;
}

li {
	margin-bottom: 15px;
}

a:hover {
	color: #f59f14;
}

.csik {
	background-color: #fcb411;
	height: 10px;
}


.terkep {
	margin-top: 80px;
	margin-right: 30;
	float: right;
	width: 75%;

	
}
 @media screen and (min-width: 320px) and (max-width: 480px){
 	.terkep {
 		display: none;
 	}
 	h1 {
 		font-size: 14px;
 		float: left;
 		margin-left: 170px;
 		margin-top: -55px;
 	}
 	.logo {
 		margin-left: 20px;
 	}
 	.text {
	width: 100%;
	margin: 0 auto;
	}
}

 

 

@media screen and (min-width: 481px) and (max-width: 699px){
 	.terkep {
 		float: none;
 		margin: auto;
 		margin-left: 15px;
 	}
 	h1 {
 		font-size: 20px;
 		float: left;
 		margin-left: 200px;
 		margin-top: -55px;
 	}
 	.logo {
 		margin-left: 20px;
 	}
 	.text {
	width: 100%;
	margin: 0 auto;
	}
}

@media screen and (min-width: 700px) and (max-width: 1024px){
 	.terkep {
 		margin-right: 10px;
 		width: 60%;
 	}
 	h1 {
 		margin-right: 40px;
 	}
 	.text {
	width: 100%;
	margin: 0 auto;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1279px){
 	.terkep {
 		margin-right: 0;
 	}
 	h1 {
 		margin-right: 70px;
 	}
 	.text {
	width: 100%;
	margin: 0 auto;
	}
}