* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	font-family: 'Oxygen', sans-serif;
}

img {
	display: inline;
}

.lato {
	font-family: 'Lato', sans-serif;
}

.oxygen {
	font-family: 'Oxygen', sans-serif;
}

.white {
	color: white;
}

.navbar {
	position: fixed;
	top: 0px;
	left: 15px;
	padding: 10px;
	padding-bottom: 20px;
	background-color: black;
	border-bottom: 1px solid #aaa;
	z-index: 3;
	/*box-shadow: 5px 5px 5px #aaa;*/
}

.navbar div {
	opacity: 1;
	color: white;
	z-index: 3;
}

.collage div {
	display: inline;
	float: left;
}

.background {
  opacity: 0.7;
  height: 100%;
  width: 100%;
}

.collage {
	position: relative;
	height: 200vh;
	width: 100%;
}

#img1 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/1.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img2 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/2.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img3 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/3.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img4 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/4.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img5 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/5.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img6 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/6.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img7 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/7.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img8 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/8.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img9 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/9.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img10 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/10.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img11 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/11.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img12 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/12.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img13 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/13.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img14 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/14.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img15 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/15.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img16 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/16.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img17 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/17.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

#img18 {
  height: 33.33vh;
  width: 33.33%;
  background: url('../albums/farewell/18.jpg') no-repeat center center;
  background-size: cover;
  -moz-align-items: center;
  align-items: center;
}

.poem {
	font-size: 150%;
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -220px;
	margin-top: -270px;
	z-index: 2;
}