* {
margin:0;
padding:0;
}
body {
        font-family: 'Poppins',  sans-serif;
      /* color:  #777777; */
	    color: #000000; 
        font-size: 18px ;
        font-weight: 400;
        font-style: normal;
        background-color: #ffffff;
}

h1,h2,h3,h4,h5,h6 {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        text-align: center;
        color: #8E6746;

}
i {
	color: #8E6746;
}
#sitetitle {
	background-color: #871514;
	color: white;
	display: inline-block;
}
.section{
      padding-top: 4vw;
      padding-bottom: 4vw;
}
	
nav{
  background: #8e6746;
  color: white;
  padding: 20px;
  position: sticky;
  top: 106px;
  z-index: 1;
}
nav ul{
  white-space: nowrap;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
nav li{
  width: 25%;
  display: inline-block;
  font-size: 24px;
  color: white;
}
nav li a{
  text-decoration: none;
  color: #4B4B4B;
}
nav li a:hover{
  text-decoration: underline;
}
nav li a.join{
  color: #F63232;
} 

.navbar-custom {
    background-color: #8e6746;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
 	color: white;
}

.nav-pills .nav-link {
  color: #000000; 
}

.nav-pills .nav-link.active {
  background-color: #e0d5c0;
  color: maroon;
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f1ece2;
}


input:invalid {
  border: 1px solid red
}
input:valid {
  border: 1px solid black
}




	
.photo-gallery {
	color:#313437;
	background-color:#fff;
}

.photo-gallery p {
	color:#7d8285;
}

.photo-gallery h2 {
	font-weight:bold;
	margin-bottom:40px;
	padding-top:40px;
	color:inherit;
}

@media (max-width:767px) {
	.photo-gallery h2 {
		margin-bottom:25px;
		padding-top:25px;
		font-size:24px;
	}
}

.photo-gallery .intro {
	font-size:16px;
	max-width:500px;
	margin:0 auto 40px;
}

.photo-gallery .intro p {
	margin-bottom:0;
}

.photo-gallery .photos {
	padding-bottom:20px;
}

.photo-gallery .item {
	padding-bottom:30px;
}

.btn-group {
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
	
}

.btn {
 display: block;
 margin: auto;
}
.btn-default {
 background-color:  #8E6746; !important;
 color: white;

}
.btn-default:active {
 background-color:  #ffffff; !important;
 color: #000000;

}