.member {
	height: 500px;
	width: 100%;
	margin-bottom: 5rem;
}

.member img {
	height: 95%;
	object-fit: cover;
	object-position: 50% 20%;
}

.member h4 {
	font-size: 2rem;
	/* margin: 0 0 1.3rem 5rem; */
}

.board-name-bg {
	width: 100%;
	text-align: center;
}

.board-name-bg h4 {
	color: #000;
}

.board-name-bg p {
	color: #b08d57;
}

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#emailBoard {
	text-align: center;
}

#emailBoard a {
  color: #0b253e;
  text-decoration: underline;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.board-image-container {
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.member {
		height: 500px;
		width: 100%;
		margin-bottom: 2rem;
    margin-top: 3rem;
		text-align: center;
	}

	.member img {
		height: 100%;
		object-fit: cover;
		object-position: 50% 20%;
	}

	.board-name-bg h4, #emailBoard {
		margin: 0 0 0.1rem 0rem;
		font-size: 1.5rem;
	}

	.member p {
		margin-bottom: 1rem;
		text-align: center;
	}

  #emailBoard {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 375px) and (max-width: 424px) {
	.board-image-container {
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.member {
		height: 500px;
		width: 100%;
    margin-top: 4rem;
		margin-bottom: 2rem;
		text-align: center;
	}

	.member img {
		height: 100%;
		object-fit: cover;
		object-position: 50% 20%;
	}

	.board-name-bg h4 {
		margin: 0 0 0rem 0rem;
		font-size: 1.5rem;
		text-align: center;
	}

	.member p {
		margin-bottom: 1rem;
		text-align: center;
	}

  #emailBoard {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 425px) and (max-width: 580px) {
	.board-name-bg h4 {
		margin: 0;
	}

  .member {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  #emailBoard {
    margin-bottom: 3rem;
    text-align: center;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 581px) and (max-width: 992px) {
	.board-image-container {
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.member {
		height: 500px;
		width: 70%;
    margin-top: 4rem;
		margin-bottom: 4rem;
		text-align: center;
	}

	.member img {
		height: 100%;
		object-fit: cover;
		object-position: 50% 20%;
	}

	.board-name-bg h4 {
		margin: 0 0 0rem 0rem;
		font-size: 1.8rem;
		text-align: center;
	}

	.member p {
		margin-bottom: 1rem;
		text-align: center;
	}

  #emailBoard {
    margin-top: 0;
    margin-bottom: 7rem;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 993px) and (max-width: 1279px) {
	.board-image-container {
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.member {
		height: 500px;
		width: 70%;
		margin-bottom: 5.5rem;
    margin-top: 3.5rem;
		text-align: center;
	}

	.member img {
		height: 100%;
		object-fit: cover;
		object-position: 50% 20%;
	}

	.board-name-bg h4 {
		margin: 0;
	}

	.member p {
		margin-bottom: 1rem;
		text-align: center;
	}

  #emailBoard a {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
	.member {
		height: 500px;
		width: 100%;
		margin-bottom: 5.5rem;
    margin-top: 3.5rem;
	}

	.member img {
		height: 95%;
		object-fit: cover;
		object-position: 50% 20%;
	}

	.member h4 {
		font-size: 2rem;
		margin: 0;
	}

	.board-name-bg {
		width: 100%;
		text-align: center;
	}

	.board-name-bg h4 {
		color: #000;
	}

	.board-name-bg p {
		color: #b08d57;
	}

	.row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

  #emailBoard a {
    font-size: 2rem;
  }
}

@media screen and (min-width: 2560px) {
	.board-image-container {
		width: 100%;
	}

  .board-name-bg h4 {
		font-size: 2.3rem;
		margin: 0;
	}

  .board-name-bg p {
    font-size: 1.8rem;
  }

  #emailBoard {
    margin: 10rem 0;

  }

  #emailBoard a {
    font-size: 2.3rem;
  }
}