.video-element {width: 93%;}

#hero h1 {color: #c265f6;}


p, li {font-size: clamp(7px,1vw,20px);}
.small {font-size: 0.9vw !important;}
p.medium {font-size: clamp(7px,1.35vw,30px);}

h1, h2, h3, h4, h5 {font-family: 'NB Architekt Std'; line-height: 1;}

.sep {font-size: 1vw; white-space: nowrap;}

.box {font-size: 0.6vw;}

h3 {font-size: clamp(7px,1.5vw,30px);}
h2 {font-size: clamp(7px,2.4vw,48px);;}

.head {position: relative;}
.head .arkitect {font-size: clamp(7px,0.7vw,14px);}
.head .line {margin-left: -3%;}
.head .square {left: -5%; top: 30%;}

.arkitect {font-size: clamp(5px,0.8vw,15px);}

#hero .inside {position: absolute; top: 24vh; width: 100%; text-align: center; font}
#hero .inside .line {position: static; width: 100%;}
#hero h1 {color: #FFF; position: static; font-size: clamp(10px,10vw,200px); line-height: 1;}
#hero h3 {color: #FFF; font-family: 'Telegraf'; text-transform: uppercase; padding-bottom: 3%;}
#hero .arkitect {margin-right: 10%;}
#hero p {text-transform: none; font-size: clamp(7px,0.8vw,16px);}
#hero .lower {top: clamp(7px,75vh,1500px);}
#hero .slashes {width: 90%;}


#section-1 {padding: clamp(7px,5vw,100px) 0 clamp(7px,5vw,100px);}
#section-1 .title {font-size: clamp(7px,7.2vw,145px); line-height: 0.9; white-space: nowrap; z-index: 10; position: relative;}
#section-1 .plus.a {top: 12%;}
#section-1 .plus.b {margin-left: -12%; margin-top: -1%;}

#section-1 .logo {width: 10vw;}
#section-1 .globe {margin-top: clamp(-300px,-15vw,300px); width: clamp(7px,24vw,480px); margin-left: clamp(7px,5vw,100px);}
#section-1 .img-1 {width: clamp(7px,32vw,640px); margin-right:0; margin-left: clamp(7px,5vw,100px); max-width: 200%;}
#section-1 .img-2 {position: absolute; z-index: 5; width: clamp(7px,25vw,500px); bottom: 0vw; left: 0vw;}


#section-2 {}
#section-2 .inner {position: absolute; width: 100%; background: transparent; top: 0; left: 0; height: 100%;}
#section-2 .bg {width: 100%; height: auto;}
#section-2 .orange.dot {left: clamp(7px,55vw,1100px); top: clamp(7px,9.5vw,190px); position: absolute; }
#section-2 .sep {margin-top: clamp(7px,5vw,100px); background: transparent;}
#section-2 .sep .line.overlay {mix-blend-mode: invert;}
#section-2 .plus {left: -2.3vw; top: -0.5vw;}
#section-2 .square {left: -2.4vw; font-size: clamp(7px,1.5vw,30px);}

#section-2 h3 {font-size: clamp(7px,5vw,100px); font-family: 'NB Architekt Light'; color: #FFF; position: relative;}
#section-2 h2 {font-size: clamp(7px,10vw,200px); font-family: 'NB Architekt Light'; color: #FFF;}
#section-2 h2 span {color: #7bcd42;}
#section-2 p {max-width: clamp(7px,35vw,700px); position: relative;}
#section-2 .lower {color: #FFF; margin-top: clamp(7px,25vw,500px);}
#section-2 .lower .map {max-width: clamp(7px,10vw,200px); display: block; margin: 0 auto;}
#section-2 .lower h5 {font-family: Telegraf;}



#section-3 {position: relative; z-index: 3;}
#section-3 .elephant {margin-top: clamp(-500px,-25vw,500px); width: clamp(7px,30vw,600px); margin-bottom: clamp(7px,3vw,60px);}
#section-3 h4 {font-family: Telegraf; text-transform: uppercase; line-height: clamp(7px,2.3vw,50px); font-size: clamp(7px,1.8vw,36px); text-align: right;}
#section-3 .art {bottom: clamp(-240px,-12.3vw,300px); position: static; width: 50%; float: right; margin-top: 3vw}

#section-3 h3 {font-family: Telegraf; color: #9567e0; font-size:clamp(7px, 2.5vw,50px);}
#section-3 h2 {font-size: clamp(7px,6vw,120px); font-family: Telegraf; }
#section-3 .diagram {margin: clamp(7px,2vw,40px) 0 clamp(7px,2vw,40px) clamp(7px,3vw,60px);}
#section-3 .right {border-left: 1px solid #dfdfe3; padding-left: 3vw;}
#section-3 .circles {width: clamp(7px,6vw,120px);}

#section-3 .disc {bottom: clamp(7px,15vw,300px); left: -5vw;}
#section-3 .plus.a {right: clamp(7px,5vw,100px); top:clamp(7px,35vw,700px); position: absolute;}



#section-4 {}
#section-4 .tag {color: #FFF; font-size: 0.8vw; position: absolute; right: clamp(7px,10vw,200px); top: clamp(7px,3vw,60px);}
#section-4 .inner {position: absolute; width: 100%; background: transparent; top: 0; left: 0; height: 100%; padding: clamp(7px,15vw,300px) 0;}
#section-4 .bg {width: 100%; height: auto;}
#section-4 h2 {position: relative; font-size: clamp(7px,5vw,100px); font-family: 'NB Architekt Light'; color: #FFF; padding-left: clamp(7px,20vw,4000px);}
#section-4 h2 img {position: absolute; width: clamp(7px,18vw,360px); left: clamp(7px,3vw,60px); z-index: 0; top: clamp(7px,2.5vw,50px); opacity: 0.8;}
#section-4 h2 .inside {position: relative;}
#section-4 h2 span {font-size: clamp(7px,6vw,120px); font-family: 'NB Architekt Std'; color: #f88e05;
	background: #B71100;
background: linear-gradient(to right, #B71100 0%, #f78d02 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#section-4 .mid {margin-top: clamp(7px,10vw,200px); color: #FFF; width: clamp(7px,28vw,600px);}
#section-4 .mid .line {border-color: #b71100;}
#section-4 .mid .plus {color: #b71100 !important; top: -0.5vw;}
#section-4 .mid a {color: #b71100; text-decoration: underline;}

#section-4 .lower .left {padding-right: 2vw; border-right: 1px solid #35577e;}
#section-4 .lower .right {padding-left: 2vw;}
#section-4 .lower p {color: #35577e; font-size: clamp(7px,0.8vw,16px); text-align: right;}
#section-4 .lower {max-width: clamp(7px,50vw,1000px); margin-top: clamp(7px,20vw,400px); margin-left: clamp(7px,30vw,600px);}
#section-4 .lower .big-button {background: #c31202; border: none; color: #FFF;}

#section-4 .plus.a {left: 6vw; top: 15vw;}
#section-4 .plus.b {right: 6vw; top: 15vw;}
#section-4 .square.a {right: 6vw; bottom: 24vw; background: #c31202;}


#section-5 .container-fluid {margin-top: clamp(-280px,-14vw,300px); z-index: 10; position: relative;}
#section-5 h3 {color: #FFF;}
#section-5 .sep .plus {left: -2vw; top: -0.5vw;}
#section-5 .lower {padding-left: clamp(7px,2vw,40px);}
#section-5 .lower li {margin-bottom: clamp(7px,1vw,20px);}



#section-quote {padding-top: clamp(-100px,5vw,100px)}
.quote-1 {position: relative; padding-bottom: 5%;}
.quote-1 .container-fluid {position: relative; z-index: 10;}
.quote-1 .bg {position: absolute; background: 0; bottom: 0; left: 0; width: 100%;} 
.quote-1 .inside {max-width: 90%; position: relative; background: #FFF; padding: 0 16% 10% 0;}
.quote-1 .inside .mask {position: absolute; left: -50%; width: 100%; height: 100%; top: 0; background: #FFF;}
.quote-1 .inside .adjuster {position: relative; z-index: 5;}
.quote-1 .author {font-size: clamp(10px,1.8vw,36px); font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;}
.quote-1 .author .plus {right: 0;  top: 35%;}
.quote-1 .auth-title {color: #FFF; max-width: 100%;}
.quote-1 .dot {position: absolute; right: clamp(-10px,-0.5vw,10px); bottom: clamp(-10px,-0.5vw,10px)}
.quote-1 p.medium {font-size: clamp(-40px,2vw,40px); margin-bottom: clamp(-40px,2vw,40px)}
.quote-1 .slashes {width: clamp(-200px,10vw,200px);}
.quote-1 p {font-size: clamp(-22px,1.1vw,22px)}



#section-6 {padding-bottom: 4vw;}
#section-6 .sep .plus {top: -0.6vw;}
#section-6 .square.a {right: 12.1vw; top: 30vw;}
#section-6 .square.b {left: 2.1vw; top: 25vw;}
#section-6 .square.c {left: 2.1vw; top: 53vw;}
#section-6 .arkitect {position: absolute; right: 0; color: #FFF; transform: rotate(-90deg); right: clamp(7px,11.5vw,220px); top: clamp(7px,32vw,640px); transform-origin: bottom right;}
#section-6 .inner {position: absolute; width: 100%; background: transparent; top: 0; left: 0; height: 100%; padding: clamp(7px,15vw,300px) 0 0;}
#section-6 .bg {width: 100%; height: auto;}

#section-6 h3 {color: #FFF; font-size: clamp(7px,3vw,60px); position: relative; display: inline-block;}
#section-6 h3 .mask {background: #3741a5; position: absolute; background: #3741a6; width: 100%; height: 80%; top: 0.5vw;}
#section-6 h3 .inside {position: relative; z-index: 4;}

#section-6 h2 {color: #FFF; font-size: clamp(7px,5vw,100px); position: relative; display: inline-block; margin-bottom: clamp(7px,20vw,400px);}
#section-6 h2 .mask {background: #3741a5; position: absolute; background: #3741a6; width: 100%; height: 80%; top: 0.5vw;}
#section-6 h2 .inside {position: relative; z-index: 4;}

#section-6 .lower .inside {padding: 0 clamp(7px,2vw,40px);}
#section-6 .lower h4 {font-family: Telegraf;}
#section-6 .lower .line {max-width: 50%; margin: clamp(7px,1vw,20px) 0;}
#section-6 .lower li {margin-bottom: clamp(7px,1.5vw,30px);}



#section-7 {background: url(img/elephant-section-7-bg.jpg); color: #FFF; background-size: cover; overflow: hidden;}
#section-7 .container-fluid {position: relative;}
#section-7 h2 {font-size: clamp(7px,13vw,260px); text-align: center; line-height: 2; font-family: 'NB Architekt Light'; margin-top: clamp(-220px,-10.2vw,200px); margin-bottom: clamp(-200px,-9.8vw,200px);}
#section-7 .copy-1 {position: absolute; top: clamp(7px,12vw,240px); width: 100%; left: 0;}
#section-7 .copy-2 {position: absolute; top: clamp(7px,38.5vw,760px); width: 100%; left: 0;}
#section-7 .copy-3 {position: absolute; top: clamp(7px,64.5vw,1250px); width: 100%; left: 0;}
#section-7 h3 {text-align: center; margin-bottom: 1vw;}
#section-7 .columns {column-count: 2; column-gap: 5vw; text-align: justify;}


#section-8 {padding: clamp(7px,5vw,100px) 0;}
#section-8 .padding-left {padding-left: clamp(7px,1vw,20px);}
#section-8 .upper {margin-top: clamp(-400px,-20vw,400px);}
#section-8 .upper p {max-width: 80%;}
#section-8 h2 {font-size: clamp(7px,3.5vw,70px);}

#section-8 .sep {margin-bottom: -0.7vw; padding-left: 2vw;}
#section-8 .sep .circles {width: 7vw;}
#section-8 .sep .line {border-color: #cbcbd2;}
#section-8 .sep .plus {left: -1.5vw; top: -0.5vw;}

#section-8 .middle {padding-left: 2vw;}
#section-8 .middle .left {padding-right: 1vw; padding-top: 3vw;}
#section-8 .middle .right {border-left: 1px solid #cbcbd2;}
#section-8 .middle .right .inside {padding-left: 1.5vw;  padding-top: 3vw;}
#section-8 .middle p {margin-bottom: 2vw; position: relative;}
#section-8 .lower {margin-top: -7vw; margin-left: -3.5vw; max-width: calc(100% + 3.5vw);}

#section-8 .purp-square {position: absolute; right:calc(100% + 1vw); height: 100%;}

#section-8 .square.a {right: clamp(7px,4vw,80px); top: 10.5vw; position: absolute;}
#section-8 .square.b {right: clamp(7px,4vw,80px); top: 70.5vw; position: absolute;}
#section-8 .square.c {left: clamp(7px,6vw,120px); bottom: 5.5vw; position: absolute;}
#section-8 .square.d {left: clamp(7px,6vw,120px); bottom: 33.5vw; position: absolute;}

#section-8 .plus.a {left: clamp(7px,6.5vw,130px); top: 52.5vw; position: absolute;}
#section-8 .plus.b {right: clamp(7px,4vw,80px); top: 32.5vw; position: absolute;}
#section-8 .plus.c {right: clamp(7px,4vw,80px); bottom: 32.5vw; position: absolute;}



#section-9 {background: url(img/section-9-bg.jpg) no-repeat center top; background-size: cover; padding: clamp(7px,7vw,140px) 0;}
#section-9 h2 {color: #FFF; font-family: 'NB Architekt Std'; position: relative; display: inline-block; font-size: clamp(7px,4.5vw,90px); white-space: nowrap;}
#section-9 h2 .mask {background: #3741a5; position: absolute; background: #000; width: 100%; height: 80%; top: 0.6vw;}
#section-9 h2 .inside {position: relative; z-index: 4;}

#section-9 .large {font-size: clamp(7px,2vw,40px);}
#section-9 .line {max-width: clamp(7px,15vw,300px);}

#section-9 .stat-1 {font-size: clamp(7px,3vw,60px); font-family: 'NB Architekt Std'; position: absolute; left: clamp(7px,2.3vw,46px); top: clamp(7px,1.8vw,36px);}
#section-9 .stat-2 {font-size: clamp(7px,3vw,60px); font-family: 'NB Architekt Std'; position: absolute; right: clamp(7px,2.3vw,46px); top: clamp(7px,1.8vw,36px);}
#section-9 .stat-3 {font-size: clamp(7px,3vw,60px); font-family: 'NB Architekt Std'; position: absolute; left:clamp(7px,2.3vw,46px); top: clamp(7px,1.8vw,36px);}
#section-9 .stat {height: clamp(7px,8vw,160px);}
#section-9 .arkitect {position: absolute; right: 0; color: #FFF; transform: rotate(-90deg); right: 2vw; top: 5vw; transform-origin: bottom right;}

#section-9 .square.a {right: 2.1vw; top: 30vw;}
#section-9 .square.b {right: 2.1vw; top: 25vw;}
#section-9 .square.c {right: 2.1vw; bottom: 5vw;}

#section-9 .plus.a {left: 2.1vw; top: 10vw;}
#section-9 .plus.b {left: 2.1vw; top: 56.8vw;}



#section-10 h2 {color: #FFF; font-size: clamp(7px,7vw,140px); font-family: 'NB Architekt Std'; margin-top: clamp(-80px,-4vw,80px);}
#section-10 .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; color: #FFF;}
#section-10 .inside {position: relative; z-index: 10;}
#section-10 .module {padding-left: clamp(7px,4.5vw,90px); position: relative; margin-right: clamp(7px,4vw,80px); margin-bottom: clamp(7px,5vw,100px);}
#section-10 .module .disc {position: absolute; left: 0; top: -1vw}
#section-10 .module p.medium {padding-right: clamp(7px,6vw,120px);}
#section-10 .module p.grey {color: #CCC;}
#section-10 .module .plus {position: absolute; right: 0; top: clamp(7px,1vw,20px);}
#section-10 .module .line {border-color: #c26b30; max-width: 50%; margin-bottom: clamp(7px,1.5vw,30px);}



#section-11 {padding: clamp(7px,5vw,100px) 0 clamp(7px,15vw,300px);}
#section-11 .box {padding: 0; white-space: nowrap;}
#section-11 .box span {background: #000; color: #FFF;  display: inline-block; padding: 0 clamp(7px,0.5vw,10px);}
#section-11 .img-1 {max-width: 90%;}
#section-11 .left {position: relative;}
#section-11 .img-2 {position: absolute; right: clamp(-200px,-10vw,200px); width: clamp(7px,25vw,500px); bottom: clamp(-100px,-5vw,100px);}
#section-11 .img-3 {position: absolute; right: clamp(-200px,-10vw,200px); width: clamp(7px,25vw,500px); top: clamp(7px,10vw,200px);}
#section-11 h2 {font-size: clamp(7px,3vw,60px); line-height: 1.5;}
#section-11 p {padding-left: clamp(7px,15vw,300px);}
#section-11 p.medium {padding-left: 0;}


#section-12 {background: url(img/elephant-section-12-bg.webp) no-repeat center top; background-size: 100% auto; padding-bottom: clamp(7px,45vw,900px);}
#section-12 h2 {font-size: clamp(7px,14.3vw,286px); white-space: nowrap; line-height: 1; margin-top: clamp(-170px,-8.5vw,90px);}
#section-12 h3 {font-size: clamp(7px,3.5vw,70px); font-family: "telegraf"; }
#section-12 h3 img {width: clamp(7px,4vw,80px); margin: 0 clamp(7px,3vw,60px) 0 0;}
#section-12 .num {font-size: clamp(7px,2vw,40px); font-family: 'NB Architekt Std';}
#section-12 p {margin-bottom: 0;}
#section-12 .line {margin: 1vw 0;}
#section-12 .img-1 {right: clamp(-100px,-5vw,100px); position: relative;}
#section-12 .img-2 {position: absolute; left: clamp(7px,4.5vw,90px); width: clamp(7px,14vw,280px); top: clamp(7px,21vw,380px);}
#section-12 .corner {position: absolute; right: 105%; width: clamp(7px,20vw,400px);}




#section-13 .upper {margin-top: clamp(-420px,-23vw,500px);}
#section-13 .upper img {max-width: clamp(7px,35vw,700px); display: block; margin: 0 auto;}
#section-13 h2 {color: #7135b7; font-family: 'NB Architekt Light'; font-size: clamp(7px,7.5vw,150px); text-indent: clamp(7px,40vw,800px); white-space: nowrap;}
#section-13 p {float: right; width: clamp(7px,30vw,600px); margin-top: clamp(-240px,-12vw,240px); margin-bottom: clamp(7px,5vw,100px);}






#quote {background: url(img/elephant-quote-bg.jpg) no-repeat center center; padding-bottom: clamp(7px,10vw,200px); color: #FFF; margin-top: clamp(7px,3vw,60px);}
#quote .medium {font-size: clamp(7px,2vw,40px); color: #7acd40;}
#quote .pearson {margin-top: clamp(-180px,-9vw,180px); width: 80%;}
#quote .img-1 {width: 100%; right: clamp(-140px,-7vw,140px); display: block; position: relative; margin-top: clamp(7px,3vw,60px);}

#quote .square.a {right: 3vw; top: 3.4vw; position: absolute;}
#quote .square.b {right: 3vw; top: 17vw; position: absolute;}

#quote .plus.a {left: clamp(7px,3vw,60px); top: clamp(7px,25.3vw,506px); position: absolute;}
#quote .plus.b {left: clamp(7px,3vw,60px); bottom: clamp(7px,27vw,500px); position: absolute;}
#quote .plus.c {left: clamp(7px,3vw,60px); bottom: clamp(7px,10vw,200px); position: absolute;}

#help-them {background: #000 url(img/help-them-bg.png) no-repeat center top; background-size: cover; margin-top: clamp(-120px,-6vw,120px);}
#help-them h2 {font-family: 'NB Architekt Light'; color: #FFF; font-size: clamp(7px,12vw,240px); position: relative;
	background: #FFFFFF;
	background: linear-gradient(to bottom, #FFFFFF 0%, #7CCD42 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#help-them p {max-width: clamp(7px,35vw,700px); position: relative;}
#help-them p.green {color: #7CCD42; font-size: clamp(7px,1.2vw,24px);}
#help-them .qr {max-width: clamp(7px,25vw,500px);}
#help-them h3 {color: #FFF; font-size: clamp(7px,5vw,100px); position: relative;}
#help-them h3 span {color: #f18032;}

#help-them p.large {font-size: clamp(7px,1.3vw,26px); line-height: 1.3; max-width: 90%;}
#help-them .affiliates {max-width: 100%; padding-left: 10%}
#help-them .affiliates img {display: inline-block; margin: 0 clamp(-50px,2.5vw,50px) clamp(-20px,1vw,20px); max-width: 100%; max-height: clamp(7px,3.8vw,70px);}
#help-them .affiliates .extra-height {max-height: clamp(-140px,7vw,140px)}
#help-them .affiliates .mid-height {max-height: clamp(-100px,5vw,100px)}
#help-them .green {color: #7CCD42;}
#help-them .lower {max-width: clamp(7px,56vw,1120px);}


#help-them .square.a {left: -2vw; bottom: 1.6vw; background: #7CCD42;}
#help-them .plus.a {left: -2vw; top: 0.3vw;}
#help-them .plus.b {left: -2vw; top: 0.3vw; color: #FFF;}
#help-them .square.b {left: -2vw; bottom: 0.5vw; color: #FFF;}
#help-them .plus.c {right: -2vw; top: 0.5vw; color: #FFF;}






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

}



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

	.hidden-lg {display: none !important;}

}





@media only screen and (max-width:767px) {

	.video-element {width: 83%; height: 40vw; object-fit: cover;} 

	.box {font-size: 2vw;}

	p.medium {font-size: 3vw;}

	.section-header .arkitect {font-size: 1vw;}

	.arkitect {font-size: 2vw;}

	p {margin-bottom: 1.5rem; font-size: 3vw;}
	p.large {font-size: 7vw;}

	h4 {font-size: 4vw;}

	ul {padding-left: 3vw; margin-bottom: 10vw;}
	ul li {font-size: 3vw;}

	#hero .dna .dna-3 {animation-name: none}
	#hero .intro {top: 55vh;}
	#hero .bg {object-position: right top;}
	#hero h1 {line-height: 1; font-size: 12.5vw;}
	#hero .line {margin-top: 10vw;}
	#hero .slashes {display: none;}
	#hero h3 {font-size: 4vw; max-width: 70vw;}
	#hero h3 br {display: none;}
	#hero p {max-width: 80%; font-size: 3vw;}
	#hero .text.a {top: 45%; font-size: 3vw;}
	#hero .text.b {font-size: 3vw;}
	#hero .line {top: 45%; width: 84%; left: 8vw;}
	#hero .lower { left: 8vw; top: 60vh; }
	#hero .arkitect {font-size: 2vw;}

	#section-1 .dna {width: 40vw; height: 40vw; left: -7vw; top: -18vw;}
	#section-1 .slashes {width: 50%;}
	#section-1 .img-1 {width: 100%;}
	#section-1 .img-2 {bottom: 20vw; left: 3vw;}
	/*#section-1 .dna .dna-1 {display: none;}*/


	#section-2 .sep {margin-top: -2vw;}
	#section-2 .slashes {max-width: 20%;}
	#section-2 h2 {font-size: 12vw; margin-bottom: 5vw;}
	#section-2 .square {display: none;}
	#section-2 .plus {display: none;}
	#section-2 p { max-width: 50vw; color: #000; text-shadow: 2px 3px 20px rgba(255,255,255,1);}

	#section-2 .bg {position: absolute; top: 0;}
	#section-2 .lower {margin: 0;}
	#section-2 .inner {position: relative; z-index: 5;}

	#section-3 .art {position: relative; max-width: 140%; width: 140%; left: -20%; height: 50vw; object-fit: cover; margin-bottom: 20vw;}
	#section-3 .elephant {position: absolute; right: 0; width: 40vw; margin-top: -55vw;}
	#section-3 .diagram {max-width: 90%; margin-bottom: 5vw;}
	#section-3 .disc {display: none;}
	#section-3 .right {border-left: 0;}
	#section-3 .circles {width: 20vw; margin-bottom: 5vw;}
	#section-3 h4 {}
	#section-3 h4 {margin: 0;}


	#section-4 .bg {width: 200%; max-width: 200%; right: 0; left: auto; position: absolute; top: 0;}
	#section-4 .inner {position: relative; z-index: 5;}
	#section-4 .tag {font-size: 3vw;}
	#section-4 h2 {font-size: 6vw;}
	#section-4 h2 span {font-size: 8vw;}
	#section-4 .mid {margin: 5vw 0 50vw; width: 100%;}
	#section-4 .lower .left {border: none;}
	#section-4 .lower p {font-size: 2vw; color: #7098c6;}
	#section-4 .lower .right {text-align: right; padding: 0; margin-bottom: 10vw;}
	

	#section-5 .lower img {margin-left: -1.5vw;}
	#section-5 .lower h2 br {display: none;}
	#section-5 .lower p {font-size: 5vw; margin: 0;}
	#section-5 .lower .align-items-end {margin-top: -4vw;}
	


	#section-6 .square {display: none;}
	#section-6 .slashes {max-width: 30vw;}
	#section-6 h3 {font-size: 6vw; margin-bottom: 0;}
	#section-6 h2 {font-size: 9vw;}

	#section-6 .inner {position: relative; z-index: 5;}
	#section-6 .bg {position: absolute; top: 0; left: 0;}

	#section-7 h2 {line-height: 1.1; font-size: 7vw; margin: 5vw;}
	#section-7 h2 br {display: none;}
	#section-7 .columns {column-count: 1;}
	#section-7 .copy-1 {position: static;}
	#section-7 .copy-2 {position: static;}
	#section-7 .copy-3 {position: static;}
	#section-7 .copy-4 {position: static;}
	#section-7 h3 {font-size: 4vw; line-height: 1.5; opacity: 1; font-family: 'Telegraf'; font-weight: 700;}

	#section-8 h3 {font-size: 3.5vw;}
	#section-8 .square {display: none;}
	#section-8 .sep .plus {top: -1.3vw;}
	#section-8 .james-hero {width: 220%; max-width: 300%; height: 60vw; object-fit: cover; object-position: center top;}
	#section-8 h2 {font-size: 7vw;}
	#section-8 .upper {margin-top: 5vw;}
	#section-8 .sep .circles {width: 15vw;}
	#section-8 .sep {margin-bottom: 5vw;}
	#section-8 .middle p {margin-bottom: 5vw;}
	#section-8 .middle p.purple {margin-left: 15vw;}

	#section-9 {background-size: 200% auto; background-position: top right; background-color: #dc3d10; padding-bottom: 15vw;}
	#section-9 .plus {display: none;}
	#section-9 .square {display: none;}
	#section-9 p.medium {font-size: 4vw; color: #FFF; margin-bottom: 0;}
	#section-9 .slashes {max-width: 80vw;}
	#section-9 h2 {font-size: 7vw;}
	#section-9 .large {font-size: 5vw;}
	#section-9 p {color: #FFF;}
	#section-9 .stat {height: 15vw;}
	#section-9 .stat-2 {font-size: 7vw; right: 5vw;}
	#section-9 .stat-1 {font-size: 7vw; left: 5vw;}
	#section-9 .stat-3 {font-size: 7vw; left: 5vw;}

	#section-10 {padding-bottom: 10vw;}
	#section-10 h2 {font-size: 20vw; margin-top: -10vw;}
	#section-10 .module {padding-left: 14vw;}
	#section-10 .module p.medium {font-size: 4vw; margin-bottom: 1.5vw;}
	#section-10 .module p.grey {margin-bottom: 10vw;}
	#section-10 .lower {text-align: center;}

	#section-11 p.medium {font-size: 4vw; margin-bottom: 3vw;}
	#section-11 h2 {font-size: 5vw;}
	#section-11 h2 br {display: none;}
	#section-11 p {margin-bottom: 0;}
	#section-11 {padding: 5vw 0 20vw;}
	#section-11 .img-1 {max-width:250%; margin-left: -30vw; width: 60vw;}
	#section-11 .img-2 {width: 80vw; left: -35vw; max-width: 500%; top: 70vw;}
	#section-11 .img-3 {width: 40vw;}
	#section-11 .slashes {max-width: 30vw;}

	#section-12 h2 {margin-top: -14vw;}
	#section-12 {background-size: 200% auto; background-position: top left; padding-bottom: 110vw;}
	#section-12 h3 {font-size: 4vw;}
	#section-12 h3 img {width: 10vw;}
	#section-12 .num {font-size: 5vw;}
	#section-12 p.medium {padding: 3vw 7vw; font-size: 4vw;}


	#section-13  {padding-bottom: 10vw;}
	#section-13 .upper {margin-top: 5vw;}
	#section-13 .upper img {max-width: 60vw; margin: 0 auto 3vw;}
	#section-13 h2 {margin-bottom: 15vw; white-space: normal; text-align: left; text-indent: 0; font-size: 6.5vw;}
	#section-13 h2 br {display: none;}
	#section-13 p {float: none; width: 100%;}
	#section-13 .slashes {max-width: 50%;}

	#quote {padding-bottom: 20vw;}
	#quote h3 {font-size: 6vw;}
	#quote .small {font-size: 3vw !important;}
	#quote .medium {font-size: 5vw;}
	#quote .plus {display: none;}
	#quote .square.a {top: 50vw;}

	#help-them {background-size: 160% auto; background-position: top right; margin-top: -10vw; background-color: #000;}
	#help-them h2 {font-size: 15vw;}
	#help-them p {max-width: 100%; margin-top: 70vw;}
	#help-them .plus {display: none;}
	#help-them .square {display: none;}
	#help-them .qr {max-width: 100%;}
	#help-them p.green {margin-top: 0;}
	#help-them p.green {font-size: 4.5vw;}
	#help-them h3 {font-size: 8vw;}
	#help-them p.large {font-size: 4vw; margin: 0 0 5vw;}
	#help-them .affiliates {max-width: 100%; max-height: 100%;}
	#help-them .affiliates img {max-height: 11vw; max-width: 25vw; margin-bottom: 10vw; margin: 0 3vw 10vw;}
	#help-them .affiliates .extra-height {max-width: 50vw; max-height: 17vw}
	#help-them .lower {max-width: 100%;}
	#help-them .slashes {width: 100%;}


	.quote-1 .bg {height: 60%; object-fit: cover;}
	.quote-1 .author {font-size: 6vw;}
	.quote-1 {padding-bottom: 15vw;}
	.quote-1 .auth-title {font-size: 4vw}
	.quote-1 p.medium {font-size: 6vw}
	.quote-1 .inside {width: 100%}
	.quote-1 p {font-size: 4vw}
/*	.quote-1 .arkitect {color: #FFF}*/

}