p {
	font-family: 'Neucha', sans-serif;
	font-size: 45px;
	padding: 0px;
}

#menu-bar {
	width: 400px;
	position: fixed;
	top: 0;
}

.content{
	max-width: 720px;
	padding-left: 30%;

}

.column1 {
	margin-top: 15px;
	vertical-align: top;
	width: 250px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	
}

.page {

	padding-bottom: 40px;
}


#image {

	margin: 0px 0px -5px 0px;
	padding: 0px 0px;
	position: relative;

}

.image, .image1, .image2, .image3, .image4 {
	
	margin: 0px 0px -5px 0px;
	padding: 0px 0px;
	position: relative;
	
}

.image_description1 {
	position: absolute;
	top: 50%;
	margin-left: 250px;

  	visibility: hidden;
	opacity: 0;
  	text-align: center;

  	color: #000;

  	font-family: 'Nunito', sans-serif;

  /* transition effect. not necessary */
  	transition: opacity .2s, visibility .2s;
}

.image_description2, .image_description3, .image_description4 {
	position: absolute;
	top: 20%;
	margin-left: 250px;

  	visibility: hidden;
	opacity: 0;
  	text-align: center;

  	color: #000;

  	font-family: 'Nunito', sans-serif;

  /* transition effect. not necessary */
  	transition: opacity .2s, visibility .2s;
}

.image:hover, .image1:hover, .image2:hover, .image3:hover, .image4:hover {
	opacity: 0.75;
}

.image1:hover .image_description1 {
  visibility: visible;
  opacity: 1;
}

.image2:hover .image_description2 {
  visibility: visible;
  opacity: 1;
}

.image3:hover .image_description3 {
  visibility: visible;
  opacity: 1;
}

.image4:hover .image_description4 {
  visibility: visible;
  opacity: 1;
}