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

	.banner {
		padding: 24px;
	}

	.banner .copy {
		font-size: 16px;
	}

	nav {
		position: absolute;
	}

	.nav-menu li {
		font-size: 15px;
	}

	.video-logo {
		height: 110px;
	}

	.played {
		background-color: #000000;
	}

	.video-description-title {
		font-size: 50px;
		line-height: 59px;
	}

	.circle-text-container p:first-child {
		font-size: 76.95px;
		line-height: 90px;
	}

	.circle-text-container p {
		font-size: 18px;
	}

	.circle-container {
		width: 206px;
	}

	.half-top-circle-grey,
	.half-bottom-circle-grey {
		height: 103px;
	}

	/*** process section ***/

	.process-content {
		grid-template-columns: 40% 1fr;
		padding: 0px 86px;
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.process-title {
		font-size: 50px;
		line-height: 59px;
	}

	.process-description {
		font-size: 26px;
		line-height: 37px;
	}

	.phase-title {
		font-size: 36px;
		line-height: 43px;
	}

	.phase-description {
		font-size: 14px;
		line-height: 19px;
	}

	.process-img-desktop-container {
		display: block;
		background-image: url('/assets/power-of-audio-desktop.png');
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
		position: relative;
		top: 1px;
		transition: background-image 0.2s ease-out;
	}

	.process-img-desktop {
		visibility: hidden;
	}

	.process-img-desktop-container:hover {
		background-image: url('/assets/power-of-audio-desktop-hover.png');
		transition: background-image 0.2s ease-in;
	}

	.process-img-desktop-container:hover ~ .process-image-footer {
		background-color: #5f878b;
		color: #e1e0db;
		transition: background-color 0.2s ease-in;
	}

	.process-img-mobile,
	.process-img-tablet {
		display: none;
	}

	.process-image-footer {
		height: 122px;
		background-color: #bbbfaa;
		color: #272622;
		transition: background-color 0.2s ease-out, color 0.2s ease-out;
	}

	.process-image-footer span {
		font-size: 31px;
	}

	.process-image-footer span i {
		font-size: 16px;
	}

	/*** clients section ***/

	.clients-container {
		grid-template-columns: 400px 1fr;
		padding: 60px 86px;
	}

	.client-logos {
		grid-gap: 50px 50px;
	}

	.client-title {
		font-size: 50px;
		line-height: 51px;
	}

	.client-text-content {
		padding: 10px 50px 0px 0px;
	}

	.client-text {
		padding-top: 15px;
	}

	/*** footer section ***/

	.footer-logo {
		height: 90px;
	}

	.footer-address-container {
		margin-top: 3px;
	}

	.footer-menu {
		font-size: 33px;
		line-height: 36px;
	}

	.footer-social-icons {
		margin-left: 40px;
	}

	footer {
		padding: 80px 83px 66px 83px;
	}

	.copy-right {
		margin-top: 42px;
		text-align: right;
	}

	/***** stats page *****/

	/*** clients section ***/

	.clients-stats-logo {
		height: 117px;
	}

	.clients-stats-logo-text {
		font-size: 20px;
		line-height: 23px;
	}

	.clients-stats-intro {
		padding: 60px 86px 40px;
	}

	.client-stats-main-text-main-container {
		padding: 0px 86px 45px;
	}

	/*** auditorial section ***/

	.auditorial-main-container {
		grid-template-columns: 600px 1fr;
	}

	.auditorial-title {
		font-size: 50px;
		line-height: 59px;
		padding: 65px 24px 20px;
	}

	.auditorial-description {
		padding: 0px 24px 26px;
	}

	.auditorial-points-container {
		padding: 0px 24px 30px;
	}

	.auditorial-points-container:last-child {
		padding-bottom: 78px;
	}

	/***** contact page *****/

	/*** contact section ***/

	#contact {
		padding: 60px 25%;
	}

	.contact-title {
		font-size: 50px;
		line-height: 59px;
		color: #6a6667;
	}

	.contact-description {
		padding-top: 25px;
	}

	/*** location section ***/

	#location {
		padding: 0px 100px;
	}

	.location-title {
		font-size: 50px;
		line-height: 59px;
		padding: 70px 0px 27px;
	}

	.location-description {
		font-size: 26px;
		line-height: 37px;
		padding: 0px 95px 85px;
	}

	.location-info-container {
		max-width: 1000px;
		margin: 0px auto 73px;
	}

	.location-btn-container {
		left: 68%;
	}

	.location-img-wrapper {
		width: 542px;
	}

	.location-image-sub-text {
		left: 68%;
	}

	/*** contact-info section ***/

	.contact-info-container {
		padding: 80px 86px;
		grid-template-columns: 65% 1fr;
	}

	.contact-info-intro-title {
		font-size: 50px;
		line-height: 59px;
	}

	.contact-info-intro-description {
		font-size: 26px;
		line-height: 37px;
	}

	.contact-info-details-container {
		margin-left: 33px;
		margin-top: 10px;
	}

	/*** PROMO PAGE ***/
	.promo-content {
		padding: 20px 50px;
	}

	.promo-content-subtitle:last-child {
		margin-bottom: 50px;
	}

	.promo-content-list-title {
		font-size: 32px;
	}

	.get-started {
		padding: 50px 30px;
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.clients-container {
			grid-template-columns: 400px 1fr;
			padding: 60px 86px;
		}

		.client-logos {
			grid-gap: 50px 50px;
		}

		.client-title {
			font-size: 50px;
			line-height: 51px;
		}

		.client-text-content {
			padding: 10px 50px 0px 0px;
		}

		.client-text {
			padding-top: 15px;
		}
	}
}
