* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.p1 {font-family: "Times New Roman", Times, serif;}

body {
	font-size: 14px;
	color: #657b83;
	font-family: arial;
	background-color: #f2f3f4;
}

h1 {
	color: #fdf6e3;
	background-color: #657b83;
}

h2 {
	color: #fff;
	background-color: #7eb0cc;
}

a {
        color: #b58900;
}

#splashphoto {
	display: block;
	top:70px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#cover {
	top:230px;
	left: 15px;
	width: 270px;
}

#research {
	margin-top: 105px;
}

#info2  {
	margin-left: 280px;
	margin-top: -400px;
}

#info  {
	margin-left: 280px;
	margin-bottom: 20px;
}

#bar   {
	text-align: center;
	word-spacing: 17vw;
	font-weight: bold;
}

#hiking {
	position: absolute;
	top:230px;
	left: 10px;
	width: 270px;
}

#hikingr {
	position: relative;
	width: 270px;
}