* {
	margin: 0;
	padding: 0;
}

body {
  background-image: url("gokdeniz.jpg");
  background-size: cover;
}

header {
	background-color: #00aa00;
	color: #ffffff;
}

header h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
}

main {
	color: #ffffff;
	text-align: left;
	font-family: sans-serif;
	font-size: 1em;
	z-index: 100;
	background: url("transpBlack.png") repeat scroll 0 0 transparent;
}

main p {
	margin-bottom: 0.4em;
}

main ul {
	margin-left: 1em;
}

a:visited {text-decoration:none}
a:link {text-decoration:none}

a:visited, a:link {
  color: #0A8EDC
}
a.subtle:visited, a.subtle:link {
  color: #d0d0ff
}


/* media specific */

@media (max-width: 1000px) {

body {
  background-position-x: 80%;
}

header {
	text-align: center;
	border-radius: 0.6em;
	margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0.5em 0.7em;
}

header h1 {
	font-size: 2em;
}

main {
	margin: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.6em;
  padding: 0.5em;
}

} /* end media max-width */

@media (min-width: 1000px) {

header {
	text-align: right;
  margin: 1em 2em;
  margin-left: 5em;
  border-radius: 3em;
  padding: 1em 2em;
}

header h1 {
	font-size: 5em;
}

main {
	width: 30%;
  margin-left: 5em;
  border-radius: 2em;
  padding: 1em;
}

} /* end media min-width: 1000px */