header.py-3 {
		padding: 0 !important;
	}

img.headshot {
width:100%;
height:auto;
min-height: 100%;
object-fit: cover;
max-height: 830px;
object-position:  center 20% !important;
}



	.bio-grid-image,
	.bio-grid-content {
	  flex: 1; /* optional: makes both sides equal width */
	}


@media screen and (max-height: 1000px) {	
	
img.headshot {

max-height: calc(100vh - 135px);

}

}

.bglightgrey {
background:#eee
}

.agent_pad {

}

#myTab{
	padding: 0;
	margin:0 ;
}

 .nav-tabs .nav-link {
  border: none;
  text-decoration:none
 
 }
 .nav-tabs .nav-link.active {
 border: none;

 color: #D24b29 ;
 border-radius:0;
 text-decoration:none !important;
}

 .nav-tabs .nav-link {
	 color: #000;
 }


.nav-tabs {
border: none; 
border-bottom: 1px solid #ccc;
}

.tab-pane p:nth-child(even), .tab-pane .row:nth-child(even) {background-color: #f2f2f2;}
.tab-pane p {

}

.tab-pane .row, .row.title {
	
	padding: 15px 0;
}


.tab-pane, .tab-content {
 min-height: 200px;
}

.nav-item {
	text-decoration:none !important;
}

.fg-light, .fg-light a {
	color: #fff;
}

.bg-slight {
	
	background: #f2f2f2;
}

.res-445 {
	
	max-height:510px;
	overflow: hidden;

}

.inf-wrapper {
	margin-top: 300px;
}

	.container {
		
		max-width:1700px;
		padding: 4px 50px 50px 50px;
	}
	
	.row.ft {
	        --bs-gutter-x: 50px;
	    }

.bio-grid-content .med-font p:first-child, h1.h2, .bio-grid-content h1 {
	margin-bottom: 25px !important;
}

.bio-grid-content .med-font p:last-child {
	margin-bottom: 0;
}

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

	.container {

		padding: 10px 10px 10px 10px !important;
	}

}


@media (max-width: 767px) {
	
	.homehidetemp {
		height: 50px !important;
	}


			    .bio-grid {
			      grid-template-columns: 1fr;
			    }

			    .bio-grid-content {
			      order: 2; /* show first */
			    }

			    .bio-grid-image {
			      order: 1; /* show second */
			    }
				
				.container {
		
					padding: 10px 10px 10px 10px !important;
				}
				
}


@media (max-width: 500px) {
img.headshot {
	min-height: 452px;
	max-height: 452px;
}

    .bio-grid-content {
margin-top: 10px !important;

}

.container {

	padding: 10px 10px 10px 10px !important;
}

}


@media (max-width: 767.98px) { 
	.mnp {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 0px;
	}

	.res-445 {
	
	max-height:480px;
	overflow: hidden;

}

.inf-wrapper {
	margin-top: 200px;
}


}

.button.ghost {
	border: 1px solid white;
}

/* tests */


.info {
padding: 50px;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
}

#credit__buttons {
	padding:25px 0;
	
}
 
#credit__buttons a.credit_button {
	
	padding: 15px;
	justify-content: center;
	align-items: center;
	text-align:center;
	font-size: 16px;
	border: 1px solid #000;
	min-width:130px;
	display:inline-block;
	line-height: 1;
}

 a.credit_button:hover {
	
	 background: #D24b29;
	 color: #fff;
	 border: 1px solid #D24b29 !important
}

.credits_hash {
	margin-top: 50px;
	display:inline-block;
	font-size: 16px;
}

.whitewrap {
	padding: 50px 0 ;
}

.mnp {
	margin:0;
	padding:0;
}


#myTab li.nav-item {
	padding-left: 0 !important;
	text-align:left;
}

.nav-link {
	color: #222;
}
.nav-link:hover {
    color: #D24b29;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #D24b29;
    background-color:transparent
}

.info {
	max-width: calc(50% - 25px);
	margin-left: 25px;
	
}

.bio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.bio-grid-image {
	justify-self: stretch;
}



.bio-grid-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 100%;
  padding: 50px;
background: #f2f2f2;
  
}

.bio-grid-content h1 {

}
@media (max-width: 1280px) {
.bio-grid {
gap: 25px;
}

.container {
	padding: 4px 25px 25px 25px;
}

.bio-grid-content {
	justify-content: flex-start;
	padding: 25px;
	
	
}


}
/* Responsive collapse */
@media (max-width: 900px) {
  .bio-grid {
    grid-template-columns: 1fr;
    gap: 0px;
    padding: 0rem 0px;
	
	
  }

  .bio-grid-content {
    margin: 0 auto;
  }
}

#profile {
	padding-left: 75px;
	padding-right: 75px;
}


	    .bio-grid-content strong,  .bio-grid-content b {
	    font-weight: 400
	    }

		@media (max-width: 1280px) {


			.container {
				padding: 4px 25px 25px 25px;
			}

		}
		
		@media (min-width: 1280px) {
 
			h1.h2 {
				font-size: 50px !important;
			}
		
		}
		


		@media (min-width: 1800px) {
 
			.container 
			{
			}
			
			.grid_vcenter {

	
				display: flex;
				  align-items: center; /* Vertically centers children */
				  height: calc(100vh - 140px);
				}
		
			.bio-grid-image img {


			  max-height: calc(100vh - 285px);
  
			}
		
		
		}