@media only screen and (max-width: 1920px) {
	.spacer {
		height: 6vh;
	}
}

@media only screen and (max-width: 1440px) {
	.spacer {
		height: 6vh;
	}
}

@media only screen and (max-width: 1025px) {
	.container {
		overflow: hidden;
	}

	.row {
		width: 100%;
		padding-top: 6vw;
		padding: 0;
	}

	.first .col__1-2 {
		width: 90%;
	}

	.horizontal-scroll {
		height: auto !important;
	}

	.horizontal-scroll .row {
		height: auto;
		display: inline-block;
		margin-top: 0;
		padding-top: 2vh;
		padding-bottom: 3vh;
	}

	.horizontal-scroll__items {
		display: block;
		-webkit-transform: translate(0px, 0px) !important;
		-moz-transform: translate(0px, 0px) !important;
		-o-transform: translate(0px, 0px) !important;
		transform: translate(0px, 0px) !important;
		width: 100% !important;
	}

	.col {
		width: 100%;
		float: inherit;
		transition: none;
		top: inherit;
		position: relative;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		display: block;
		margin: inherit;
	}

	.col__2-3,
	.horizontal-scroll .col__2-3,
	.horizontal-scroll .col__1-3,
	.col__2-2,
	.col__1-2,
	.col__80,
	.col__90,
	.col__1_1 {
		width: 90%;
	}

	.col__2-3 p,
	.navigate--heading.col__2-3,
	.col__1-3 p,
	.col__1-2 h2,
	.col__1-2 .description,
	.col__1-2 .caption,
	.col__1-2 .credit,
	.col__1-2 h2,
	.col__1-2 .description,
	.col__1-2 .caption,
	.col__1-2 .credit,
	h2,
	.description,
	.caption,
	.credit,
	.bold {
		padding: 0;
	}

	.row.half {
		width: 100vw;
	}

	.delay-a,
	.delay-b {
		transition: all 0s linear;
	}

	.slide {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.slide.t,
	.slide.l {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.img__container {
		width: 100%;
	}

	.col__1-4 [data-img],
	.medium [data-img],
	.col__1-2.b [data-img],
	.img,
	[data-img] {
		height: 60vw;
		width: 90vw;
		margin: inherit;
		background-color: #111;
	}

	.img__icon,
	.cursor {
		width: 9vmin;
		height: 9vmin;
		opacity: 1;
	}

	.center .img__icon {
		top: calc(45% - 1.5vw);
	}

	.col.small {
		margin-top: 0;
	}

	.small .img__icon {
		right: 3vw;
		bottom: 2vw;
	}

	.img__icon span {
		font-size: 7vmin;
	}

	h2 {
		margin-bottom: 1em;
		font-size: 6vmin;
		line-height: 1.1;
		max-width: 80%;
		margin-top: 1.5em;
	}

	h2.c {
		font-size: 4.5vmin;
	}

	.sequence__heading,
	#conclusion h2 {
		margin-bottom: 1em;
		font-size: 9vmin;
		line-height: 1.1;
		max-width: 100%;
		margin-top: 1.5em;
		text-align: center;
	}

	.img__container h2 {
		width: 100vw;
		font-size: 4vmin;
		text-align: center;
	}

	p,
	p.bold,
	p.description {
		font-size: 3vmin;
		line-height: 1.4;
		margin-bottom: 10vmin;
	}

	#conclusion p {
		font-size: 5vmin;
	}

	#conclusion p.caption {
		font-size: 3.5vmin;
	}

	#conclusion .intro__sub {
		max-width: 100%;
	}

	p.description {
		margin: 1vw 0;
		padding: 0 !important;
	}
	.img__heading.hidden {
		display: none;
	}

	p.caption {
		font-size: 2.5vmin;
		line-height: 1.3;
		font-weight: bold;
	}
	p.credit {
		font-size: 0.6em;
		line-height: 1.3em;
	}

	.img-credit {
		font-size: 3.3vmin;
		line-height: inherit;
		width: 100%;
		background: #080808;
	}

	.scroll-down {
		bottom: 40px;
		font-size: 16px;
		display: none;
	}

	.scroll-down .arrow {
		margin-left: 19px;
	}

	.intro__text {
		top: 30vh;
	}

	.intro .img__bg {
		width: 100vw;
		height: 100vh;
		left: 0;
		position: relative;
		background-size: cover;
	}

	.intro__title {
		font-size: 10vmin;
		line-height: 1.4;
		max-width: 70vw;
	}

	.intro__sub {
		margin-top: 30px;
		font-size: 5vmin;
		line-height: 1.4;
		max-width: 70vw;
	}

	.first.row {
		margin: 0 auto;
		margin-top: 15vmin;
		height: inherit;
	}

	.first p {
		margin-left: 0;
		padding-left: 0;
		line-height: 1.7;
	}

	.first .img__container {
		width: 90vw !important;
	}

	.first .caption {
		width: 90vw !important;
	}

	#conclusion {
		margin: 0;
	}

	#conclusion .col__1-2 {
		margin-right: inherit;
	}

	.spacer {
		display: none;
	}

	.material-icons {
		font-size: xx-large;
	}

	.transcript-btn,
	.transcript-close,
	.iv-fullscreen-close {
		width: 32px;
		height: 32px;
		text-align: center;
	}
	.transcript-btn,
	.transcript-close {
		left: 0;
		right: inherit;
	}

	.transcript-page-wrapper {
		overflow: auto;
		height: 80vh;
		padding-top: 5vh;
	}

	.transcript-page {
		width: 71%;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		display: inherit;
		position: relative;
		text-align: left;
		font-size: 3vmin;
		line-height: 5vmin;
	}

	.navigate {
		top: 80px;
		bottom: inherit;
		display: none;
	}

	.mobile .hamburger {
		display: block;
	}

	.navigate-el {
		padding: 20px;
	}

	.navigate-el a {
		width: 100%;
		display: block;
		font-size: 6vmin;
		margin: 6vw 0;
	}

	.img__container h4 {
		width: inherit;
		max-width: 70vw;
		float: left;
	}

	/*********** COMPONENTS ***********/

	.iv-fullscreen-container {
		width: 100vw;
		height: calc(75vh - 80px);
	}

	.modal__wrapper {
		min-height: -webkit-fill-available !important;
	}

	.modal__desc {
		width: 100vw !important;
		bottom: 80px;
		left: 0;
		height: 25% !important;
		background: #fff;
		top: inherit;
		overflow: auto;
		position: fixed;
	}

	.image__viewer .modal__desc .modal__inner {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		top: 0;
	}

	.image__viewer .image-content {
		max-width: 100vw;
		font-size: 3vmin;
		line-height: 5vmin;
	}
	.slideshow .modal__desc,
	.video .modal__desc {
		display: none;
	}

	.slideshow .carousel-cell {
		width: 100% !important;
		min-height: -webkit-fill-available !important;
	}

	.slideshow .carousel-cell-image {
		max-width: 93% !important;
		max-height: 60% !important;
		margin-top: -40% !important;
		margin-left: 0 !important;
	}

	.slideshow .content_wrapper {
		position: fixed;
		width: 100vw;
		max-height: 200px !important;
		padding: 0 30px;
		bottom: 0 !important;
	}

	.flickity-slider,
	.flickity-viewport {
		min-height: -webkit-fill-available !important;
		max-height: -webkit-fill-available !important;
	}
	.slideshow .image-content {
		bottom: 10px;
		padding: 30px;
		background: #fff;
		overflow-x: hidden;
		color: #111;
		max-width: none !important;
		line-height: 1.5;
		max-height: 20vh !important;
		height: 20vh !important;
		margin: auto !important;
		font-size: 3vmin;
		line-height: 5vmin;
	}

	.slideshow .carousel-cell:last-child {
		padding-right: inherit !important;
	}

	.modal__inner .panel__img,
	.modal__inner .panel__zoom {
		width: 100vw;
		height: calc(80vh - 80px);
	}
	.modal__inner .panel__content {
		width: 100vw;
		float: right;
		position: fixed;
		bottom: 0;
		height: auto;
	}
	.modal__inner .panel__content .center,
	.compare .modal__desc .modal__inner {
		top: inherit !important;
		-webkit-transform: translateY(0) !important;
		-moz-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	.modal__inner .slide__counter span {
		margin-top: 1.2em;
	}
	.modal__inner .slide__control {
		width: 100vw;
	}

	#compare {
		width: 100vw !important;
		height: 70vh !important;
	}

	.compare .modal__desc {
		bottom: 80px !important;
		top: initial !important;
		position: fixed;
	}

	.compare .image-content {
		bottom: 10px;
		padding: 30px;
		background: #fff;
		overflow-x: hidden;
		color: #111;
		max-width: none !important;
		line-height: 1.5;
		max-height: 20vh !important;
		height: 20vh !important;
		margin: auto !important;
		font-size: 3vmin;
		line-height: 5vmin;
	}

	.mobile_padding {
		margin-bottom: 60px !important;
	}

	.flickity-prev-next-button {
		top: 40% !important;
	}
}