@media screen and (max-width: 300px) {

	.board-image {

		width: 200px !important;
		height: auto;
	}
}

@media screen and (max-width: 420px) {

	.board-container {

		border-bottom: double 3px black; /*#C1E1C1;*/
		margin: 20px 15px 5px 8px;
		text-align: center;
	}

	.board-image {

		width: 300px;
		height: auto;
		margin: 0 auto 0 auto;
		display: block;
	}

	.board-name {

		color: rgb(97,97,100);
	  font-size: 16px;
	  font-weight: bold;
	  text-align: center;
		padding: 0 0 0 0;
		margin: 8px 0 3px 0;
		line-height: 100%;
		display: block;	
	}

	.board-title {

		color: rgb(96,190,182);
		font-weight: bold;
	  font-size: 16px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;	
		display: block;	
	}	

	.board-bio-container {

		font-size: 14px;
		text-align: center;
	}
}

@media screen and (min-width: 421px) and (max-width: 576px) {

	.board-image {

		width: 150px !important;
		height: auto;
		margin: 0 15px 0 0;
		float: left;
	}
}

@media screen and (min-width: 421px) and (max-width: 768px) {

	.board-container {

		border-bottom: double 3px black; /*#C1E1C1;*/
		margin: 40px 30px 10px 15px;
	}

	.board-image {

		width: 200px;
		height: auto;
		margin: 0 15px 0 0;
		float: left;
	}

	.board-name {

		color: rgb(97,97,100);
	  font-size: 18px;
	  font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 5px 0;
		line-height: 100%;
		display: block;	
	}

	.board-title {

		color: rgb(96,190,182);
		font-weight: bold;
	  font-size: 14px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;	
		display: block;	
	}	

	.board-bio-container {

		font-size: 14px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {

	.board-container {

		border-bottom: double 3px black; /*#C1E1C1;*/
		margin: 40px 30px 10px 15px;
	}

	.board-image {

		width: 200px;
		height: auto;
		margin: 0 15px 8px 0;
		float: left;
	}

	.board-name {

		color: rgb(97,97,100);
	  font-size: 20px;
	  font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 5px 0;
		line-height: 100%;
		display: block;	
	}

	.board-title {

		color: rgb(86,194,184);
		font-weight: bold;
	  font-size: 16px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;	
		display: block;	
	}	

	.board-bio-container {

	}
}

@media screen and (min-width: 992px) {

	.board-container {

		border-bottom: double 3px black; /*#C1E1C1;*/
		margin: 40px 30px 10px 15px;
	}

	.board-image {

		width: 200px;
		height: auto;
		margin: 0 15px 8px 0;
		float: left;
	}

	.board-name {

		color: rgb(97,97,100);
	  font-size: 20px;
	  font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 5px 0;
		line-height: 100%;
		display: block;	
	}

	.board-title {

		color: rgb(96,190,182);
		font-weight: bold;
	  font-size: 16px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;	
		display: block;	
	}	

	.board-bio-container {

	}
}