/* HM White Medium Style Sheet */

/* Beginning of medium-sized screens */
@media only screen and (min-width: 500px) and (max-width: 999px) {
	/* 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%;
	}

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

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

	/* Work */
	.work_image_box {
		height: 33vw;
		width: 33vw;
		position: relative;
	}
	
	.work_image_box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.work_awards_box {
		margin: 20px 0 20px 0;
		font-size: 1rem;
	}

	/* 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.3rem;
	}

	.sub_head_box p {
		font-size: 1.1rem;
	}

	/* Lightbox Overrides */
	.lb-nav a.lb-prev,
	.lb-nav a.lb-next {
		opacity: 0.65;
		transition: none;
	}

	.lb-nav a.lb-prev {
		position: fixed;
		left: 0;
	}

	.lb-nav a.lb-next {
		position: fixed;
		right: 0;
	}

	.lightbox .lb-image {
		height: 300px!important;
		width: auto!important;
	}	

	/* Home Page */
	.bx-caption {
		top: 200px;
		width: 45%!important;
		font-size: 20px;
	}

		.outside { /* This is not technically part of the BXSlider files. It is added to have an "outside" pager. */
			left: 3.8%;
			top: 345px;
		}

			.bx-next,
			.bx-prev {
				font-size: 20px;
			}

	/* Studio Section */
	.person_title_box p {
		font-size: 1rem;
	}

	.person_title_box h1 {
		font-size: 1.1rem;
	}

		.update_item_box {
			width: 45%;
		}

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