/*Navigation Bar */
.topnav {
	overflow: hidden;
	background-color: #333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
}

.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none; 
}

/*Columns for each week */
.column {
	float: left;
	width: 50.00%;
	padding: 15px;
}

.row:after {
	content: "";
	display: table;
	clear: both
	min-height: 100%;;
}

*{
	box-sizing: border-box;
}

body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: black;
}

/*Top picture with headline*/ 
.parallax {
	background-image: url("background.jpg");
	min-height: 500px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
    position: relative;
}
 
/*Headline Graphics*/ 
.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

img {
  max-width: 100%;
}