body#page-hcp-resources {
	.heart-support-bg {
		background: url("/images/patient-care-partner-game.svg")
		no-repeat right top 40px;

		@media (max-width: 1440px) {
			background-position: right top 40px;
			background-size: 550px auto;
		}
		@media (max-width: 1140px) {
			background-position: right top 40px;
			background-size: 500px auto;
		}
		@media (max-width: 991px) {
				background-position: right top 40px;
				background-size: 400px auto;
			}
		@media (max-width: 767px) {
			background: none;
		}

		p {
			max-width: 740px;

			@media (max-width: 1440px) {
				max-width: 600px;			
			}
			@media (max-width: 1140px) {
				max-width: 500px;			
			}
			@media (max-width: 991px) {
				max-width: 450px;			
			}
			@media (max-width: 767px) {
				max-width: 100%;
			}
		}

		h1 {
			max-width: 675px;

			@media (max-width: 1440px) {
				max-width: 600px;			
			}
			@media (max-width: 1140px) {
				max-width: 500px;			
			}
			@media (max-width: 1025px) {
				max-width: 480px;			
			}
			@media (max-width: 991px) {
				max-width: 400px;			
			}
			@media (max-width: 767px) {
				max-width: 100%;
			}

		}
	}

	.box-surface-tint {
		.subhead {
			color: var(--deep-sky-hcp);
		}
	}
	
	.patient-access-flex {
		> div:last-child {
			flex: 0 0 460px;
			width: 460px;
			height: 480px;

			@media (max-width: 575px) {
				flex: 1 0 0;
				width: auto;
				height: auto;
			}

			img {
				max-width: 100%;
				height: auto;
				display: block;
			}
		}
	}

	.white-flex-card {
		padding: 32px;
	}

	.table-double-header__row {
		background: var(--surface-grey);
	}

	.table-double-header__middle-head,
	.table-double-header__row {

		> *:nth-child(1) {
			flex: 0 0 34%;
			width: 34%;
			min-width: 200px;
			overflow-wrap: break-word;
		}
		> *:nth-child(2) {
			flex: 0 0 19%;
			width: 19%;
			min-width: 190px;
			overflow-wrap: break-word;
		}
		> *:nth-child(3) {
			flex: 0 0 43%;
			width: 43%;
			min-width: 350px;
			overflow-wrap: break-word;
		}
	}

	.table-mobile {
		background: var(--surface-grey) !important;
	}

	.form-group {
		@media (max-width: 767px) {
			width: 100% !important;
		}
	}

	#pam-zipcode-submit {
		@media (max-width: 767px) {
			width: 100% !important;
		}
	}

	.full-width-input {
		@media (max-width: 767px) {
			width: 100% !important;
		}
	}

	@media (max-width: 575px) {
		.table-scroll {
			box-sizing: border-box;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding: 0 16px;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}

		.table-double-header {
			min-width: 820px;

			.table-double-header__middle-head,
			.table-double-header__row {
				> *:nth-child(1) {
					flex: 0 0 200px;
					width: 200px;
				}

				> *:nth-child(2) {
					flex: 0 0 190px;
					width: 190px;
				}

				> *:nth-child(3) {
					flex: 0 0 350px;
					width: 350px;
				}
			}
		}
	}

}