* {
  box-sizing: border-box;
}
.menu {
background-color: #fff;
  float: left;
  width: 20%;
  text-align: center;
}


.menubar {
	background-color: #8b3240;
	padding: 15px;
	float: left;
	width: 90%;
	text-align: left;
}


.menuheading {
	background-color: #7e4848;
	width: 115%;
	float: left;
	margin-bottom: 7px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


.menu a {
  background-color: #8b3240;
  padding: 8px;
  display: block;
  width: 90%;
  color: white;
   text-decoration: none;
}
/* unvisited link */
.menu a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
.menu a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
.menu a:hover {
  color: gold;
  text-decoration: underline;
}

/* selected link */
.menu a:active {
  color: black;
  text-decoration: underline;
}


#current-page {
  background-color: #8b3240;
  padding: 8px;
  display: block;
  width: 90%;
  color: gold;
   text-decoration: none;
}
.menu a.page-link {
	padding-left: 20px;
}

.main {
background-color: #fff;
  float: left;
  width: 55%;
  padding: 15px;
  color: #4a413c;
  
  
}
.maincontent {
background-color: #fff;
	/*border: 1px solid;*/
margin-bottom: 15px;
  float: left;
  width: 100%;
  padding: 20px;
   /*box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.19);*/
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
}

.right {
  background-color: #fff;
  float: left;
  width: 25%;
}

#news-feed {
	padding: 15px;
}

.rightbar {
  background-color: #206800;
  padding: 0px;
  float: right;
  width: 90%;
  text-align: left;
  color: white;
  
}

.rightheading {
background-color: #445f38;
width: 110%;
float: right;
margin-bottom: 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.rightheading h2 {
 text-align: center;
  color: goldenrod;
}

.headerbg {
	background-color:#d5dde3;
	border: 1px solid;
	padding:10px;
	text-align:center;
}

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .menubar, .menuheading, .main, .right, .rightbar, .rightheading {
    width: 100%;
    float: left;
  }
  
}

html {
  scroll-behavior: smooth;
}