/*=========TABLET PORTRAIT STYLES============*/

@media screen and (min-width: 750px) {	

	.equalizer-menu {
		top: 30px;
		right: 30px;
	}

	.logo-header {
		top: 30px;
		left: 30px;
		width: 70px;
		height: auto;
	}

	.mobile-links-container {
		bottom: 70px;
	}

	.about-epk-button:before {
		content: '';
		position: absolute;
		width: 24px;
		transition: all 0.2s ease-out;
	}

	.about-epk-button:after {
		content: '';
		position: absolute;
		width: calc(24px + 0.125em);
		transition: all 0.2s ease-out;
	}

	.epk-button-half:before {
		content: '';
		position: absolute;
		width: 8px;
		transition: all 0.2s ease-out;
	}

	.epk-button-half:after {
		content: '';
		position: absolute;
		width: calc(8px + 0.125em);
		transition: all 0.2s ease-out;
	}

	.pdf-button:before {
		content: '';
		position: absolute;
		width: 24px;
		transition: all 0.2s ease-out;
	}

	.pdf-button:after {
		content: '';
		position: absolute;
		width: calc(24px + 0.125em);
		transition: all 0.2s ease-out;
	}

	.close-overlay {
		right: 30px;
		top: 30px;
	}

	.modal-content-container {
		margin-top: 160px;
	}

	.av-line {
		top: 0;
		left: 0;
		width: 120px;
		height: auto;
	}

	.modal-content-wrapper {
		width: calc(100vw - 320px); /* Determine px value by (av-line width + 40)*2 */
	}

	.mobile-modal-links {
		padding-top: 16.44px; /* determine by (.av-line height)/2 -- aspect ratio = 0.274 */
	}

	.mobile-modal-links li {
		font-size: 1.25em;
		margin-bottom: 80px;
	}

	/*START CONTACT OVERLAY STYLES*/
		.contact-modal-content-wrapper {
			position: relative;
			margin: 0 auto;
			width: calc(100vw - 270px);
		}


		.modal-header {
			font-size: 3em;
			padding-left: 10px;
		}

		.contact-av-line {
			left: 0;
		}


		/*START CONTACT FORM STYLES*/
			.form-container {
				position: relative;
				width: 100%;
				height: auto;
				overflow-x: hidden;
				overflow-y: auto;
				transition: all 0.3s ease-out;
			}

			#recaptcha {
			  position: absolute;
			  opacity: 0;
			  visibility: hidden;
			}

			.form-wrapper {
				position: relative;
				width: 100%;
				height: 110%;
				overflow: hidden;
			}

			input[type="text"], input[type="email"], textarea {
				font-size: 1em;
				margin-top: 40px;
			}

			/*textarea {
				line-height: 1.4em;
			}*/

			textarea {
				line-height: 1.3em;
				resize: none;
				overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: keep-all;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;
			}


			.form-label {
				font-size: 1em;
			}

			.form-buttons-container {
				position: relative;
				width: 100%;
				display: block;
				margin-top: 15px;
			}

			.form-btn {
				position: relative;
				display: block;
				overflow: hidden;
				width: 100%;
				height: 45px;
				font-size: 1em;
				letter-spacing: 0.25em;
			}

			.reset-btn {
				margin-top: 30px;
			}

			.submit-btn:before {
				content: '';
				position: absolute;
				width: 45px;
			}

			.submit-btn:after {
				content: '';
				position: absolute;
				width: calc(45px + 0.25em);
			}

			.reset-btn:before {
				content: '';
				position: absolute;
				width: 45px;
			}

			.reset-btn:after {
				content: '';
				position: absolute;
				width: calc(45px + 0.25em);
			}

		/*END CONTACT FORM STYLES*/

		/*START CONTACT SENDING STYLES*/
			.form-status {
				position: relative;
				top: 0;
				margin-top: 10px;
				margin-left: 10px;
			}

			.status-text {
				position: relative;
				display: inline-block;
				float: left;
				font-size: 0.9em;
				line-height: 1.3em;
				margin-top: 10px;
			}
		/*END CONTACT SENDING STYLES*/
	/*END CONTACT OVERLAY STYLES*/

	/*START PROMO VIDEO OVERLAY STYLES*/
		.video-iframe {
			width: 640px;
			height: 360px;
			margin-top: calc((100vh - 360px)/2);
		}
	/*END PROMO VIDEO OVERLAY STYLES*/

}