/* HM White Small Style Sheet */

/* Beginning of very small screens */
@media only screen and (max-width: 499px) {
	/* Begin styles confirmed for responsive design */

	/* Body Text Boxes */
	.team-top-body-text-box,
	.person_body_text_box {
		margin-left: 54px;
	}

	/* Begin Body Text Boxes */
	.team-top-body-text-box,
	.body_text_box,
	.person_body_text_box,
	.work_body_text_box,
	.job_body_text_box,
	.news_body_text_box,
	.contact_address_text_box,
	.contact_social_text_box,
	.contact_map_box,
	.search_results_text_box {
		width: 80%;
	}

	.work_image_box {
		max-height: 80vw;
		max-width: 80vw;
		position: relative;
	}
	
	.work_image_box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* Team */
	.person_image_box {
		margin: 0 0 10px 54px;
	}

	.people_list_container {
		margin: 10px 0 15px 54px;
	}	

	/* Inquiries */
	.employment_opportunities_intro_text_box {
		width: 80%;
	}	
	/* End styles confirmed for responsive design */

	/* Begin styles that might be combined into main.css */
	.headline_box p {
		font-size: 1.1rem;
	}

	.sub_head_box p {
		font-size: 0.9rem;
	}
	
	/* Home Page */
	.bx-caption {
		top: 135px;
		width: 50%!important;
		font-size: 18px;
	}
	
	.outside { /* This is not technically part of the BXSlider files. It is added to have an "outside" pager. */
		left: 5%;
		top: 280px;
	}

		.bx-next,
		.bx-prev {
			font-size: 18px;
		}
	
	.person_title_box h1 {
	.person_title_box p {
		font-size: 1rem;
	}
	
		font-size: 1.1rem;
	}

	.update_item_box {
		margin: 30px 0 30px 0;
	}

		.person_item_box h2 a {
			font-size: 1.1rem;
		}
	/* End styles that might be combined into main.css */
}