/*Desktop Style*/@media screen {
html {
	overflow-y: scroll;
	font: 16px sans-serif;
	background: white;
	color: white;
}
.half-line {
  line-height: 0.5em;
}
body {
  /*background-color: lightblue;*/
  counter-reset: none;
 }

h1 {
  color: black;
  /*background-color: royalblue;*/
  margin-left: 0px;
}
h2 {
  margin-left: 20px;
  margin-right: 20px;
}
h3 {
  margin-left: 30px;
  margin-right: 30px;
}
a {
	color: navy;
	opacity: 0.75;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
 
a:focus {
	text-decoration: none;
}
img {
	border-radius: 3px;
	max-height: 50vmin;
	max-width: 100%;
}
main {
  background-image: url(files/images/ark_rain.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*background-size: contain;*/
  background-size: auto;
	float: left;
	width: 70%;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
main h1, 
main h2, 
main h3, 
main h4, 
main h5, 
main h6 {
	margin-top: 0;
}
aside {
	float: right;
	width: 30%;
	padding: 0 0 20px 20px;
	box-sizing: border-box;
	color: black;
}
}

/*mobile*/@media screen and (max-width: 750px) {
main, 
aside {
	width: auto;
	float: none;
}
main {
	padding: 0 20px;
}
img {
	max-height: none;
	max-width: calc(100% - 20px);
}
}