.nwi-socialnav {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

.nwi-socialnav li {
  display: inline-block;
  font-size: 30px;
  padding: 4px;
}

.nwi-bioimg {
  float: left;
  padding: 10px;
  align: top; 	
}

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

.bio-container-box {
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 10px;
    padding-bottom: 70px;
	overflow: auto;
}	
	
.event-container-box {
	background-color: lightgrey;
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 10px;
    padding-bottom: 30px;
	overflow: auto;
	background-color: lightgrey;
}	


.event-container-box {
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 10px;
    padding-bottom: 30px;
	overflow: auto;
	background-color: #F9F9F9;
}	

.gallery_container {
	display: flex;
	padding-top: 30px;	
    padding-bottom: 30px;	
	padding-left: 10%;
	background-color: #a3c2c2;
}


.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: .75;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("assets/images/parallax.jpg");
  min-height: 100%;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

/* Turn off parallax scrolling for tablets and phones */
		@media only screen and (max-device-width: 1024px) {
	  	.bgimg-1, .bgimg-2, .bgimg-3 {
			background-attachment: scroll;
	  		}
}