.node--type-non-directory {
	margin-top:2rem !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
  margin-bottom: 3rem !important;
}

.node--type-non-directory .field.field--name-field-bio-people-pages.field--type-entity-reference.field--label-hidden.field__item {
	display:block !important;
	margin-bottom:.5rem !important;
}
.node--type-non-directory .field--name-field-bio-title {
    font-size: 1.5rem !important;
}
.node--type-non-directory .field--name-field-bio-position,
.node--type-non-directory .field--name-field-bio-other,
.node--type-non-directory .field--name-field-bio-company,
.node--type-non-directory .field--name-field-bio-city-state {
	font-size:1.1rem !important;
}
.node--type-non-directory .field--name-field-bio-photo {
	margin-top:1rem !important;
	padding-right:5px;
}
.node--type-non-directory .field--name-field-bio-photo img {
	min-width:180px !important;
	height:auto;
	max-width:100%;
}
.node--type-non-directory .field--name-body {
	margin-top:1.5rem !important;
	margin-bottom:2rem !important;
	font-size:1.1rem !important;
}

div.col-sm-12.bs-region.bs-region--top {
	display:block !important;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}
div.col-sm-12.bs-region.bs-region--main {
	display:flex;
	float: left !important;
	flex: 0 0 25% !important;
	width: 25% !important;
	max-width: 25% !important;
	padding-top:.75rem !important;
}
div.col-sm-12.bs-region.bs-region--bottom {
	display:flex;
	flex: 0 0 75% !important;
	width: 75% !important;
	max-width: 75% !important;
}


@media (max-width:1200px) {
	.node--type-non-directory {
   	 margin-top: 3rem !important;
	}

	div.col-sm-12.bs-region.bs-region--main {
		display:flex;
		float: left !important;
		flex: 0 0 33% !important;
		width: 33% !important;
		max-width: 33% !important;
	}

	div.col-sm-12.bs-region.bs-region--bottom {
		display:flex;
		flex: 0 0 66% !important;
		width: 66% !important;
		max-width: 66% !important;
	}	
}

@media (max-width:900px) {
	div.col-sm-12.bs-region.bs-region--main {
		display:flex;
		float: left !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	div.col-sm-12.bs-region.bs-region--bottom {
		display:flex;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}	
}

@media (max-width: 480px) {
	.node--type-non-directory .field--name-field-bio-title {
    line-height: 1.6rem !important;
	}
}