.video-filter{
	width: 100%;
	height: 100%;
}
lottie-player{
	width: 100%;
	width: 150%;
    transform: translateX(-16.6667%);
}

@supports (-webkit-touch-callout: none) {
	.video-filter{
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness"); /* Firefox 3.5+ */
		-webkit-filter:brightness(110%); /* Chrome 19+ & Safari 6+ */
		width: 100%;
		height: 100%;
	}
}

.dna-wrapper {
	/*min-height: 50vw;*/
    width: 100%;
    position: relative;
	padding-bottom: 40px;
}

.dna-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.dna-wrapper img.strain{
	width: 100%;
    max-width: 100%;
	display: block;
}

@media (max-width: 1024px){
    .dna-wrapper img.strain{
		width: 130%;
    	max-width: initial;
    	transform: translateX(-11%);
	}
}

@media (max-width: 767px){
    .dna-wrapper img.strain{
    	width: 250%;
    	max-width: initial;
    	transform: translateX(-30%);
	}
}

/* Just styling the content of the div, the *magic* in the previous rules */
.dna-wrapper .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #dc0000;
    padding: 10px;
}

.dna-wrapper .dna-quote{
    position: absolute;
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    width: 400px;
    opacity: 0;
    transition: all 1500ms;
}

@media (max-width: 1100px){
	.dna-wrapper .dna-quote{
		width: 300px;
		font-size: 25px;
	}
}

@media (max-width: 877px){
	.dna-wrapper .dna-quote{
		width: 250px;
		font-size: 22px;
	}
}

@media (max-width: 767px){
	.dna-wrapper {
		min-height: 520px;
	}
	
	.dna-wrapper .dna-quote{
		width: 140px;
		font-size: 15px;
	}
	
	.dna-wrapper .dna-quote :is(svg, img){
		display: none;
	}
}

@media (width: 375px){
	.dna-wrapper .dna-quote{
		width: 120px;
		font-size: 13px;
	}
	
	.dna-wrapper .dna-quote :is(svg, img){
		display: none;
	}
}

.dna-wrapper .dna-quote.visible{
    opacity: 1;
}

.dna-wrapper .dna-quote img{
    position: absolute;
    width: 30px;
    height: 35px;
    right: -50px;
    top: -4px;
}
.dna-wrapper .dna-quote-2 img,
.dna-wrapper .dna-quote-4 img{
    left: -50px;
    top: -4px;
}






.dna-wrapper .dna-quote-1{
    left: 0;
    top: 80px;
    text-align: right;
}
.dna-wrapper .dna-quote-1 .dna-svg-line{
    position: absolute;
    top: 28px;
    right: -130px;
    width: 100px;
    transform: rotate3d(1, 1, 1, 25deg);
}

.dna-wrapper .dna-quote-2{
    right: 0;
    top: 200px;
}
.dna-wrapper .dna-quote-2 .dna-svg-line{
    position: absolute;
    top: 22px;
    left: -130px;
    width: 100px;
    transform: rotate3d(1, 1, 1, -25deg);
}

.dna-wrapper .dna-quote-3{
    left: 0;
    top: 320px;
    text-align: right;
}
.dna-wrapper .dna-quote-3 .dna-svg-line{
    position: absolute;
    top: 28px;
    right: -130px;
    width: 100px;
    transform: rotate3d(1, 1, 1, 25deg);
}

.dna-wrapper .dna-quote-4{
    right: 0;
    top: 440px;
}
.dna-wrapper .dna-quote-4 .dna-svg-line{
    position: absolute;
    top: 28px;
    left: -130px;
    width: 100px;
    transform: rotate3d(1, 1, 1, -45deg);
}


@media (max-width: 900px){
	.dna-wrapper .dna-quote-1{
    	top: 50px;
	}
	.dna-wrapper .dna-quote-2{
    	top: 170px;
	}
	.dna-wrapper .dna-quote-3{
    	top: 290px;
	}
	.dna-wrapper .dna-quote-4{
    	top: 410px;
	}
}


@media (max-width: 767px){
	.dna-wrapper .dna-quote-1{
    	top: 50px;
	}
	.dna-wrapper .dna-quote-2{
    	top: 170px;
	}
	.dna-wrapper .dna-quote-3{
    	top: 290px;
	}
	.dna-wrapper .dna-quote-4{
    	top: 410px;
	}
}

@media (width: 768px){
	.dna-wrapper .dna-quote-1 .dna-svg-line{
		width: 60px;
		right: -100px;
		top: 19px;
	}
	.dna-wrapper .dna-quote-2 .dna-svg-line{
		width: 60px;
		left: -91px;
		top: 18px;
	}
	.dna-wrapper .dna-quote-3 .dna-svg-line{
		width: 60px;
		right: -100px;
		top: 21px;
	}
	.dna-wrapper .dna-quote-4 .dna-svg-line{
		width: 60px;
		top: 20px;
		left: -94px;
	}
	.dna-wrapper .dna-quote {
	    font-size: 20px;
	}
}