/************************************************** Medium screens - min-width 641px **************************************************/


@media only screen and (min-width: 40em) {


	/*
		base styles
	*/
	h1 {
	}
	h2 {
		font-size: 20px;
		margin: 10px 0 5px;
	}
	h3 {
		font-size: 18px;
	}


	/*
		header
	*/
	#site-header .wrapper {
		display: flex;
		justify-content: space-between;
		background-position: 98% 15px;
		padding: 25px 15px 15px;
	}

	#site-logo {
		width: 250px;
		height: 60px;
		margin: 0;
	}

	#contact-numbers {
		padding: 0;
		margin: 0 30px;
	}
	#contact-numbers p {
		text-align: left;
		font-size: 14px;
		line-height: 20px;
	}
	#contact-numbers p.primary {
		font-size: 18px;
		line-height: 30px;
	}
	#contact-numbers p strong {
		font-size: 13px;
	}

	#site-search {
		padding: 0 0 5px 0;
	}


	/*
		footer
	*/
	#footer-nav {
		padding-left: 0;
		padding-right: 0;
	}
	#footer-nav ul {
		display: flex;
		justify-content: space-between;
	}
	#footer-nav li {
		width: 100%;
	}
	#footer-nav li a {
		font-size: 22px;
		line-height: 22px;
		text-align: left;
	}
	#footer-nav li a span {
		display: block;
		padding: 10px 0 0 15px;
	}


	/*
		content header
	*/
	#content-header .mission-statement {
		font-size: 30px;
		line-height: 32px;
		padding: 5px 0 0;
	}


	/*
		content
	*/
	#site-header .wrapper,
	#site-primary-menu,
	#content-header .wrapper,
	#content > *,
	#site-footer {
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

	#content .alignright {
		float: right;
		margin: 0 0 15px 15px;
	}
	#content .alignleft {
		float: left;
		margin: 15px 15px 0 0;
	}

	.sidebar .item h2 {
		font-size: 1.5rem;
		line-height: 1.5rem;
		margin: 0 0 2rem 0;
	}

	.feature-link-box h2 a {
		font-size: 16px;
	}

	/*****************/
	.page-sidebar blockquote p {
		font-size: 21.8px;
		line-height: 1.35;
	}

	.page-sidebar figcaption {
		font-size: 15px;
		margin: -30px 0 0 0;
	}

	.page-sidebar .item h2 {
		font-size: 29px;
	}

	/*
		home
	*/
	#home-nav {
		padding: 0 0 20px;
		max-width: 720px;
	}

	#home-nav .cell {
		padding: 0;
	}

	.home-nav-container {
		padding: 48px 0 0 0;
	}

	/*
		locations
	*/
	#locations .clinic {
		padding: 10px 0 0 0;
	}


	/*
		physicians
	*/
	#physicians .physician-list li {
		display: flex;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(175, 204, 220, 1) 100%);
	}
	#physicians .physician-list .photo {
		width: 120px;
		height: 136px;
		margin: 0 10px 0 0;
	}
	#physicians .physician-list .photo img {
		margin: 0;
	}
	#physicians .physician-list .name h2 {
		font-size: 15px;
		line-height: 15px;
		margin-bottom: 10px;
		color: #0d4f59;
	}
	#physicians .physician-list .title p {
		font-size: 12px;
	}
	#physicians .physician-list .read-more .button {
		margin: 9px 0 0 0;
	}


	/*
		physician
	*/
	#physician header {
		display: flex;
		justify-content: space-between;
		border-bottom: 40px solid #b3c5c8;
		margin: 0 0 15px 0;
	}

	#physician .photo {
		min-width: 225px;
		max-width: 225px;
		margin: 0 0 0 15px;
	}
	#physician .photo img {
		margin: 0;
	}

	/*
		accommodations
	*/
	#accommodations .lodging-list .cell {
		padding-bottom: 10px;
	}

	/*
		services
	*/
	.service-list li {
		display: flex;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(175, 204, 220, 1) 100%);
		padding: 0;
		text-align: left;
	}
	.service-list .photo {
		width: 120px;
		height: 136px;
		margin: 0 10px 0 0;
	}
	.service-list .photo img {
		margin: 0;
	}
	.service-list .name h2,
	.service-list .name h3 {
		font-size: 15px;
		line-height: 15px;
		margin: 18px 0;
		color: #0d4f59;
	}
	.service-list .read-more .button {
		margin: 9px 0 0 0;
	}


	/*
		wheres your pain
	*/
	#wheres-your-pain article {
		max-width: 660px;
		margin: 0 auto;
	}

	/*
		patient stories
 	*/
	.patient-stories {
		.cell:after {
			display: none;
		}

		.patient-story {
			flex-direction: row;
			gap: 20px;
		}

		.patient-story .headline-and-image {
			min-width: 180px;
		}

		.patient-story .info {
			padding: 0;
		}
	}


	/*
		patient story
	 */
	.single-patient-stories {
		#content {
			.header {

				h1 {
					margin: 0 0 48px 0;
				}

				.images {
					flex-direction: row;

					.main-image {
						width: calc(53.75% - 16px);
					}

					.secondary-images {
						flex-direction: column;
						gap: 32px;
						width: calc(46.25% - 16px);
					}
				}
			}
		}
	}
}