body {
	background: white;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding: 0px;
	margin: 0px;
	color: black;
}

.main {
	text-align:left;
	background: white;
	width: 60%;
	margin: auto;
	margin-top: 110px;
	padding: 50px;
}

.main:after {
  content: "";
  display: table;
  clear: both;
}

.main a {
	font-weight: 400;
	text-decoration: none;
	color:black;
}

.header {
	text-align: center;
	color: black;
    padding: 20px;
	background: white;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
}

.backbutton {
	text-align: center;
	color: black;
	width: auto;
	display: block;	
	font-weight: 300;
}

.backbutton a {
	background-color: #e5c1b9;
	padding: 5px;
	font-weight: 300;
}

h1, h2 {
	letter-spacing: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 300;	
}

.nav a {
	color: black;
	padding: 5px; /* for colour */
	margin: 10px; /* for spacing */
	text-decoration: none;
	/*background-color: #e5c1b9;*/
}

.nav a.active {
	background-color: #e5c1b9;
}

table {
	margin: -10px;
}

td {
	padding: 10px;
	vertical-align: top;
}

tr {
	width: 100%;
}

b {
	font-weight: 400;
}

.lightweight a {
	font-weight: 300;
}

.content-block:after {
  content: "";
  display: table;
  clear: both;
}

img {
	padding-top: 5px;
	padding-bottom: 10px;
}

.left-image {
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.right-image {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
}

.full-image {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.hovercontainer {
    position: relative;
}

.hover {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.hovercontainer:hover .hover {
  opacity: 0.8;
}