body {
		background-color: #A8BA9A;
		color: #4B5358;
		font-family: 'Nunito Sans', sans-serif;

}

h1{
		font-family: 'Raleway', sans-serif;	
}

a{
		text-decoration: none;
		color: #A8BA9A;
}

.main {
		margin-top: 1%;
		margin-bottom: 1%;	
		margin-left: 15%;
		margin-right: 15%;
		padding: 1em;
		background-color: white;	
}

.menu {
		text-align: center;	
		padding: 0.5em;
		border: 1px;
		border-color: #A8BA9A;
		border-style: none;
		color: #A8BA9A;
}

.menu .nav-bar{
		display: inline;
		font-size: 1.3em;
		color: #A8BA9A;
}

.menu .nav-dropdown{
		display: none;
}

.menu li {
			display: inline;
			padding: 1em;
			color: #A8BA9A;
}

.column {
    		float: left;
    		width: 50%;
}


.row {
		text-align: center;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
/*		padding: 1em;*/
		border: 1px;
		border-color: #A8BA9A;
		border-bottom-style: solid;
}

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

.index-image-panel {

				border: 1px;
				border-color: #A8BA9A;
				border-style: none;
}

.index-image-panel img{
					width: 80%;
					border: 1px;
					border-color: #A8BA9A;
					border-style: none;
}



.container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #A8BA9A;
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}









.image-panel {
				margin: 1em;
				border: 0px;
				border-color: #A8BA9A;
				border-style: none;
}

.image-panel img{
					margin: 0em;
					padding: 0em;
					width: 50%;
					border: 0px;
					border-color: #A8BA9A;
					border-style: none;
}

.image-large-panel img{
	margin: 1em;
	padding: 1em;
	width: 70%;
	border: 0px;
	border-color: #A8BA9A;
	border-style: none;
}


.text-panel {
				margin: 2em;
				border: 1px;
				border-color: #A8BA9A;
				border-style: none;
}

.footer {
		text-align: center;	
		padding: 0.5em;
		border: 1px;
		border-color: #A8BA9A;
		border-style: none;	
}

.footer li {
				display: inline;
				padding: 1em;			
}

.fab {
	color: #A8BA9A;
	font-size: 1.2em;
}