#agent-container {
  	font-family: 'SF UI Display';
  	display: flex;
  	align-items: center;
  	min-height: 40rem;
  	flex-direction: row;
  	justify-content: space-around;
  	background-color: var(--e-global-color-primary);
  	color: white;
  	padding: 0 auto;
  	margin: 0 auto;
  	max-width: 100%;
  }

  .agent-photo {
  	width: 20rem;
  	height: 30rem;
  }

  #agent-container .agent-photo img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  }

  .agent-info-container {
  	/* flex: 1; */
  	width: fit-content;
  	height: 100%;
  	padding: 20px 30px;
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	align-items: center;
  }

  #agent-container .agent-info-container hr {
  	width: 1px;
  	height: 25rem;
  	border: 0;
  	border-left: 1px solid var(--e-global-color-secondary);
  	margin-right: 5rem;
  }

  .agent-info {
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: flex-start;
  }

  .agent-info .agent-header {
  	font-family: 'LT Oksana';
  	color: var(--e-global-color-secondary);
  	font-size: 24px;
  	font-weight: bolder;
  	margin-bottom: 5px;
  }

  .agent-info .agent-fullname {
  	color: white;
  	font-size: 56px;
	text-transform: uppercase;
	font-family: 'SF UI Display';
  	font-weight: 300;
  	margin: 5px 0 10px;
  	line-height: 1.2;
  }

  .agent-info .agent-fullname b {
  	font-weight: 900;	
  }

  .agent-job-title {
  	font-size: 20px;
  	color: #a0a0a0;
  	margin-bottom: 15px;
  }

  .agent-description {
  	margin-bottom: 15px;
  	font-size: 20px;
  	line-height: 1.4;
  }

  .agent-phone,
  .agent-email,
  .agent-address {
  	margin: 5px 0;
  	font-size: 20px;
  }

  .agent-email a,
  .agent-phone a,
  .agent-address a {
  	color: white;
  	text-decoration: none;
  }

  .agent-email a:hover,
  .agent-phone a:hover,
  .agent-address a:hover {
  	text-decoration: underline;
  	color: var(--e-global-color-secondary);
  }

  @media (max-width: 767px) {
  	#agent-container {
  		flex-direction: column;
  	}

  	.agent-photo {
  		width: 100%;
  	}

  	.agent-info-container {
  		padding: 15px;
  	}

  	.agent-info-container hr {
  		display: none;
  	}
  }