/*html{height:100%}*/

body {
	margin:0;
}

.main_page{
	background-color: #EEF2E1;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.page_footer{
	background-color: #D8E68C;
}

main {
  flex: 1;
}

#kgvlogo{
	width:140px;
	height:100px;
	
}


/* Style the navigation bar */
.navbar {
  width: 100%;
  background-color: #D8E68C;
  overflow: auto;
  
}

.fa {
	padding: 4px;
	
}

/* Navbar buttons */
.navbar .btn {
  background-color: #D8E68C;
  /* flexbox + column mach vertical alignment von icon und text*/
  display: flex;
  flex-direction: column;
  float: left;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 17px;
  color: #30361E;
  height:100px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  outline: none;
  transition: 0.3s;
}

/* Navbar buttons on mouse-over */
.navbar .btn:hover {
  background-color: #899454;
}

/* Current/active navbar button */
.navbar .active {
  background-color: #64694D;
}

/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width: 750px) {
  .navbar .btn {
    float: none;
    display: block;
	height:34px;
  }
  #kgvlogo{
	width:40px;
	height:30px;
	
  }
}