.page-content {
	width: 80% !important
}

@media screen and (max-width: 1024px) {
	.page-content {
		width: 70% !important
	}
}

@media screen and (max-width: 750px) {
	.page-content {
		width: 100% !important
	}
}

.page-content .text-intro {
	max-width: 95%;
	margin-bottom: 5%
}

.page-content .service-grid {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.service-grid-header{
  font-size: 2.2rem;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 1024px) {
  .service-grid-header{
    font-size: 1.8rem;
  }
}

.page-content .service-grid.board-chair {
	justify-content: left;
  /* margin-bottom: 40px; */
}
@media screen and (max-width: 1024px) {
  .page-content .service-grid.board-chair {
    /* margin-bottom: 25px; */
  }
}

.page-content .service-grid .board-block {
	width: 31.3333333333%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border-radius: 10px;
	border-top: 8px solid #9f1636;
	color: #333;
	-moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, .06);
	-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, .06);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, .06);
	margin-bottom: 2%;
	margin-right: 2%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	text-align: center
}

@media screen and (max-width: 1024px) {
	.page-content .service-grid .board-block {
		width: 47%;
		margin: 0px 3% 3% 0px
	}
}

@media screen and (max-width: 750px) {
	.page-content .service-grid .board-block {
		margin: 0px 2% 2% 0px
	}
}

@media screen and (max-width: 550px) {
	.page-content .service-grid .board-block {
		width: 100%
	}
}

.page-content .service-grid .board-block.about-css {
	border-color: var(--colour_maroon)
}

.page-content .service-grid .board-block.about-css .block-link {
	color: var(--colour_maroon)
}

.page-content .service-grid .board-block.about-css .block-link svg path {
	stroke: var(--colour_maroon)
}

.page-content .service-grid .board-block.landuse-css {
	border-color: var(--colour_green)
}

.page-content .service-grid .board-block.landuse-css .block-link {
	color: var(--colour_green)
}

.page-content .service-grid .board-block.landuse-css .block-link svg path {
	stroke: var(--colour_green)
}

.page-content .service-grid .board-block.services-css {
	border-color: var(--colour_cyan)
}

.page-content .service-grid .board-block.services-css .block-link {
	color: var(--colour_cyan)
}

.page-content .service-grid .board-block.services-css .block-link svg path {
	stroke: var(--colour_cyan)
}

.page-content .service-grid .board-block.projects-css {
	border-color: #386641
}

.page-content .service-grid .board-block.projects-css .block-link {
	color: #386641
}

.page-content .service-grid .board-block.projects-css .block-link svg path {
	stroke: #386641
}

.page-content .service-grid .board-block.connect-css {
	border-color: var(--colour_blue)
}

.page-content .service-grid .board-block.connect-css .block-link {
	color: var(--colour_blue)
}

.page-content .service-grid .board-block.connect-css .block-link svg path {
	stroke: var(--colour_blue)
}

.page-content .service-grid .board-block.default-css {
	border-color: var(--colour_blue)
}

.page-content .service-grid .board-block.default-css .block-link {
	color: var(--colour_blue)
}

.page-content .service-grid .board-block.default-css .block-link svg path {
	stroke: var(--colour_blue)
}

.page-content .service-grid .board-block:hover {
	-moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, .1);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, .1)
}

.page-content .service-grid .board-block img {
	max-width: 90px;
	margin-bottom: 25px
}

.page-content .service-grid .board-block .block-link {
	color: #9f1636;
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: 1.4rem;
	width: 95px;
	justify-content: space-between
}

.page-content .service-grid .board-block .board-photo {
	width: 100%;
	height: 250px;
	padding-top: 70%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat
}

.page-content .service-grid .board-block .page-block-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 7%;
	max-width: 100%
}

.page-content .service-grid .board-block .page-block-inner p {
	max-width: 100%
}

.page-content .service-grid .board-block .page-block-inner p,
.page-content .service-grid .board-block .page-block-inner a {
	margin: 0px;
	padding: 0px
}

/*# sourceMappingURL=board-of-directors.css.map */