#hero h1 {color: #c265f6;}


p, li {font-size: clamp(7px,1vw,20px);}
.small {font-size: clamp(7px,0.9vw,18px) !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: clamp(7px,1vw,20px); white-space: nowrap;}

.box {font-size: clamp(7px,0.6vw,12px);}

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

p {text-align: justify;}
p.large,
p.medium {text-align: left;}

.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  .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,64vh,1280px);}
#hero .slashes {width: 90%;}



#section-1 .box {padding: clamp(7px,0.2vw,4px) clamp(7px,0.5vw,10px); position: relative; white-space: nowrap;}
#section-1 h2 {font-family: "Telegraf"; font-size: clamp(7px,6vw,120px); line-height: 1.1; padding: clamp(7px,2vw,40px) 0;}
#section-1 .img-1 {margin-left: clamp(-150px,-5vw,100px);}
#section-1 .img-2 {margin-top: clamp(-400px,-20vw,400px);}
#section-1 .aus {width: clamp(7px,33vw,660px); margin: clamp(-200px,-10vw,200px) auto 0; display: block;}
#section-1 .plus-a {position: absolute; left: clamp(7px,4vw,80px); top: clamp(7px,50vw,1000px);}
#section-1 .square-a {position: absolute; right: clamp(7px,3vw,60px); top: clamp(7px,17vw,340px);}
#section-1 .line {width: clamp(7px,28.5vw,600px);}


#section-2 {padding-bottom: 0; background-color: #222461;}
#section-2 .head {position: absolute; width: 100%; top: clamp(7px,6vw,120px); z-index: 5; left: 0; }
#section-2 .head .line {opacity: 0.5; border-color: #b6abcf;}


#section-2 .video-box {position: absolute; top: clamp(-860px,43vw,830px); width: clamp(-960px,48vw,930px);}
#section-2 .video-box .placeholder {position: absolute; z-index: 10; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; object-fit: cover;}
#section-2 .video-box .placeholder-bg {position: absolute; left: clamp(-26px,-1.3vw,26px); bottom: clamp(-26px,-1.3vw,26px); height: calc(100% + clamp(-20px,1vw,20px)); width: calc(100% + clamp(-26px,1.3vw,26px)); max-width: none;}
#section-2 .video-box .play {position: absolute; left: clamp(7px,22vw,440px); top: 42%; width: clamp(7px,6vw,120px); z-index: 5; z-index: 6;}
#section-2 .video-box #player-2 {width: 100%; height: clamp(-680px,34vw,680px); z-index: 3; position: relative;}

#section-2 h2 {position: absolute; top: clamp(7px,10vw,200px); color: #f18034; font-size: clamp(7px,10vw,200px);  text-align: right; font-weight: 100; font-family: "NB Architekt Light"; padding: 0;}
#section-2 h2 small {color: #FFF; font-size: clamp(7px,5vw,100px);}
#section-2 h2 img {position: absolute; right: 0; top: clamp(-40px,2vw,40px);}

#section-2 h3 {position: absolute; color: #FFF; top: clamp(7px,33vw,660px); font-size: clamp(7px,3.5vw,70px);}
#section-2 h3 span {background: #f17f34; display: inline-block;  line-height: 0.7; padding: 0 clamp(7px,1vw,20px) clamp(7px,1vw,20px) 0;}
#section-2 h3 span.small {font-size: clamp(7px,1.8vw,36px) !important; display: inline-block; line-height: 0.65; padding: 0 clamp(7px,2vw,40px) clamp(7px,0.5vw,10px) 0;}

#section-2 .box-1 {position: absolute; width: clamp(7px,30vw,600px); right: 0; top: clamp(7px,35vw,700px);}
#section-2 .box-1 .line {opacity: 0.3;}
#section-2 .box-1 p.purple {color: #de77ff; font-size: clamp(7px,2.3vw,46px);}

#section-2 .box-2 {position: absolute; width: clamp(7px,37.5vw,800px); left: 0; top: clamp(7px,81vw,1600px); text-align: justify;}
#section-2 .box-2 .large {color: #f37c33; position: relative; z-index: 5;}
#section-2 .box-2 .large img {position: absolute; right: clamp(-20px,-1vw,20px); bottom: clamp(-30px,1.5vw,30px); width: clamp(-240px,12vw,240px);}

#section-2 .box-3 {position: absolute; width: clamp(7px,30vw,600px); left: clamp(7px,1.8vw,56px); top: clamp(7px,123.8vw,2460px); color: #FFF; z-index: 5;}
#section-2 .box-3 h4 {font-size: clamp(7px,1.7vw,34px);}
#section-2 .box-3 p {font-size: clamp(7px,0.7vw,14px);}

#section-2 .box-4 {position: absolute; width: clamp(7px,26vw,520px); right: clamp(7px,4.3vw,86px); top: clamp(7px,118.5vw,2370px); color: #FFF; z-index: 5;}
#section-2 .box-4 h4 {font-size: clamp(7px,1.7vw,32px);}
#section-2 .box-4 p {font-size: clamp(7px,0.7vw,14px);}




.quote-1 {position: relative; padding-top: clamp(7px,10vw,200px); padding-bottom: 5%; background: url(img/thlacine-quote-bg.jpg) no-repeat center top; background-size: 100% auto;}
.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 10% 0 5%;}
.quote-1 .inside .mask {position: absolute; left:0%; width: 100%; height: 100%; top: 0; background: #FFF;}
.quote-1 .inside .adjuster {position: relative; z-index: 5;}
.quote-1 .author {font-size: clamp(7px,1.8vw,36px); font-family: 'NB Architekt Std'; color: #222; margin: 3% 0 0; position: relative;}
.quote-1 .author .plus {right: 0;  top: 35%;}
.quote-1 .auth-title {color: #222; max-width: 50%;}
.quote-1 .dot {right: -15%; top:-2%}
.quote-1 p.medium {line-height: 1.2; font-size: clamp(10px,2.1vw,62px);}
.quote-1 .plus.a {left: 0; bottom:clamp(-40px,-2vw,40px);}
.quote-1 .plus.b {right: 115%; bottom: 0;}
.quote-1 .box {position: absolute; bottom: 0; left: 15px;}
.quote-1 .rewild {position: absolute; right: clamp(7px,4vw,80px); bottom: clamp(7px,1vw,20px); width: clamp(7px,10vw,200px); z-index: 10;}




.quote-2 {position: relative; padding-bottom:15vw; margin-bottom: -12vw; padding-top: 4vw;}
.quote-2 .container-fluid {position: relative; z-index: 10;}
.quote-2 .bg {position: absolute; background: 0; bottom: 0; left: 0; width: 100%; background: url(img/thylacine-quote-2-bg.jpg); background-size: cover; height: 70%;} 
.quote-2 .inside {max-width: 90%; position: relative; background: #FFF; padding: 0 10% 8% 0;}
.quote-2 .inside .mask {position: absolute; left: -50%; width: 100%; height: 100%; top: 0; background: #FFF;}
.quote-2 .inside .adjuster {position: relative; z-index: 5;}
.quote-2 .author {font-size: 1.8vw; font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;}
.quote-2 .author .plus {right: 0;  top: 35%;}
.quote-2 .auth-title {color: #FFF; max-width: 90%;}
.quote-2 .dot {right: -14%; bottom:-13%;}
.quote-2 .plus {right: 34%;}
.quote-2 p.large {font-size: 2.3vw;}
.quote-2 .wildark {position: absolute; right: 4vw; width: 5vw; bottom: 1.5vw;}
.quote-2 .zach-lynch {width: 100%;}



#section-3 {padding-bottom: clamp(7px,15vw,300px); background-color: #65b6e4;}
#section-3 h2 {position: absolute; top: clamp(7px,13vw,260px); font-family: "telegraf"; font-size: clamp(7px,5vw,100px);}
#section-3 h2 small {color: #7bcd41; font-size: 24%;}


#section-3 h3 {position: absolute; color: #FFF; top: clamp(7px,65vw,1300px); left: clamp(7px,48vw,960px); font-size: clamp(7px,3vw,60px);  white-space: nowrap;}
#section-3 h3 span {background: #7bcd41; display: inline-block;  line-height: 0.7; padding: 0 clamp(7px,1vw,20px) clamp(7px,1vw,20px) 0;}
#section-3 h3 span.small {font-size: clamp(7px,1.8vw,36px) !important; display: inline-block; line-height: 0.65; padding: 0 clamp(7px,2vw,40px) clamp(7px,0.5vw,10px) 0;}

#section-3 .box-1 {position: absolute; width: clamp(7px,40vw,800px); left: 0; top: clamp(7px,24.55vw,500px);}
#section-3 .box-1 .large {font-size: 2vw; color: #7bcd41; margin-bottom: 2vw;}
#section-3 .box-1 .box {background: #7bcd41; border: none; color: #FFF; position: relative; top: -0.1vw; padding: 0.2vw 0.5vw; margin-right: 0.4vw; float: left; margin-bottom:0.5vw ;}
#section-3 .box-1 .item {margin-bottom: clamp(7px,0.7vw,14px); clear: both; white-space: nowrap; font-size:clamp(7px, 0.9vw,18px);}

#section-3 .box-2 .plus-a {position: absolute; left: clamp(-10px,-0.5vw,10px); top:clamp(16px,-0.8vw,16px); font-size: clamp(7px,1.5vw,30px);}
#section-3 .box-2 .plus-b {position: absolute; left: clamp(-10px,-0.5vw,10px); bottom:clamp(16px,-0.8vw,16px); font-size:clamp(7px, 1.5vw,30px);}
#section-3 .box-2 {position: absolute; width: clamp( 7px,39vw,780px); left:clamp(-26px, -1.3vw,26px); top: clamp(10px,57.5vw,1250px); background: rgba(255,255,255,0.25); padding: clamp(7px,3vw,60px);}
#section-3 .box-2 .medium {font-size: clamp(1px,2vw,40px);}
#section-3 .box-2 p {margin-bottom: clamp(10px,1.5vw,30px); line-height: 1.6;}
#section-3 .box-2 .corner {position: absolute; width: clamp( 7px,3vw,60px); height: clamp( 7px,6vw,120px); right: clamp(-12px,-0.6vw,12px); bottom:clamp(-12px,-0.6vw,12px); border-right: clamp( 7px,0.6vw,12px) solid #FFF; border-bottom: clamp( 7px,0.6vw,12px) solid #FFF}
#section-3 .drawing-1 {float: right; width: clamp( 7px,16vw,320px); margin-right: clamp(-140px,-7vw,140px); margin-left: clamp( 7px,1vw,20px);}
#section-3 .drawing-2 {float: left; width: clamp( 7px,18vw,360px); margin-left: clamp(-100px,-5vw,100px); margin-right: clamp( 7px,1vw,20px);}



#section-3 .box-3 {position: absolute; width: clamp( 7px,39vw,780px); left: clamp( 7px,48vw,960px); top: clamp( 7px,75vw,1500px); background: rgba(255,255,255,0.25); padding: clamp( 7px,3vw,60px);}
#section-3 .box-3 .medium {font-size: clamp( 7px,2vw,40px);}
#section-3 .box-3 p {line-height: 1.6;}
#section-3 .box-3 .plus-a {position: absolute; right: clamp(-10px,-0.5vw,10px); bottom:clamp(-16px,-0.8vw,16px); font-size: clamp( 7px,1.5vw,30px);}

/*#section-3 .box-4 .slashes {position: absolute; top: 0;}*/
#section-3 .box-4 {position: absolute; width: clamp( 7px,40vw,800px); left: 0; top: clamp( 7px,156vw,3120px); color: #FFF;}
#section-3 .box-4 h1 {color: #FFF; font-size: clamp( 7px,10vw,200px); font-family: "NB Architekt Light";  margin-top: clamp( 7px,2vw,40px); margin-bottom: clamp( 7px,2vw,40px); white-space: nowrap;}
#section-3 .box-4 h1 small {font-size: 50%; display: inherit;}
#section-3 .box-4 h1 span {background: #65b3df; line-height: 0.72; display: inline-block; }
#section-3 .box-4 h1 small span {padding: 0 0 clamp( 7px,2vw,40px); bottom: clamp(-30px,-1.5vw,30px); position: relative;}
#section-3 .box-4 p.large {font-size: clamp( 7px,2vw,40px); margin-bottom: clamp( 7px,2vw,40px);}
#section-3 .box-4 p {margin-bottom: clamp( 7px,2.5vw,50px);}



#section-3 .box-5 {position: absolute; top: clamp( 7px,200vw,4000px); width: clamp( 7px,18vw,360px); color: #FFF; right: clamp( 7px,15vw,300px); font-size: clamp( 7px,0.9vw,18px);}

#section-3 .legend {position: absolute; top: clamp( 7px,180vw,3600px); right: 0vw; width: clamp( 7px,33vw,660px);}

#section-4 {margin-top: clamp(-240px,-12vw,240px);}
#section-4 h1 {position: absolute; top: clamp( 7px,28vw,560px); font-size: clamp( 7px,12vw,240px); line-height: 0.8; font-family: "NB Architekt Light"; text-align: right; right: 0; white-space: nowrap;}
#section-4 h1 img {height: clamp( 7px,9vw,180px); margin-right: clamp( 7px,2vw,40px);}
#section-4 .box-1 {width: clamp( 7px,40vw,800px); top: clamp( 7px,55.5vw,1110px); position: absolute; right: 0;}
#section-4 .box-1 .box {background: #FFF !important; padding:clamp( 7px,0.2vw,4px) clamp( 7px,0.4vw,8px);}


#section-4 .box-2 {width: clamp( 7px,30vw,600px); top: clamp( 7px,93.6vw,1862px); position: absolute; left: clamp( 7px,55vw,1100px);}
#section-4 .box-2 li {font-size: clamp( 7px,1.2vw,24px); color: #ff6300; margin-bottom: clamp( 7px,0.5vw,10px);}
#section-4 .box-2 li span {color: #000; padding-left: clamp( 7px,2vw,40px);}
#section-4 .box-2 .line {position: absolute; width: clamp( 7px,16vw,320px); border-color: #CCC; position: absolute; right: 0; top: clamp( 7px,4.4vw,88px);}


#section-4 .box-3 {top: clamp( 7px,91.5vw,1830px); left: 0; position: absolute; width: clamp( 7px,49vw,960px); left: 0vw; border: 1px solid #b4b3bc; background: #FFF; padding: clamp( 7px,1vw,20px);}
#section-4 .box-3 .beforeAfter {}
#section-4 .box-3 .beforeAfter img {max-width: none;}
#section-4 .box-3 small {display: block; text-align: right; font-weight: 700; text-transform: uppercase; padding-top: clamp( 7px,0.5vw,10px);}
#section-4 .box-3 p {padding: clamp( 7px,1vw,20px) 0 clamp( 7px,1vw,20px) clamp( 7px,3vw,60px); margin-left: clamp( 7px,2vw,40px); border-left: clamp( 7px,0.3vw,6px) solid #000;}
#section-4 .box-3 .corner {position: absolute; width: clamp( 7px,4vw,80px); height: clamp( 7px,7vw,140px); right: clamp(-12px,-0.6vw,12px); bottom:  clamp(-12px,-0.6vw,12px); border-right:clamp( 7px,0.6vw,12px) solid #7bce43; border-bottom:clamp( 7px,0.6vw,12px) solid #7bce43; pointer-events: none;}
#section-4 .box-3 .corner-2 {position: absolute; width: clamp( 7px,10vw,200px); height: clamp( 7px,7vw,140px); left:clamp(-12px, -0.6vw,12px); top:clamp(-12px, -0.6vw,12px); border-left:clamp( 7px,0.6vw,12px) solid #ff6400; border-top: clamp( 7px,0.6vw,12px) solid #ff6400; pointer-events: none;}

#section-4 .box-4 {padding: 0; white-space: nowrap; top: clamp( 7px,126.3vw,2526px); position: absolute;}
#section-4 .box-4 span {background: #000; color: #FFF;  display: inline-block; padding: 0 clamp(7px,1.5vw,30px);}

#section-4 .tasmania {position: absolute; left: clamp(-250px,12.5vw,250px); color: #FFF; width: clamp(-1400px,70vw,1400px); top: clamp(-120px,6vw,120px)}
#section-4 .tasmania h3 {font-size: clamp(-70px,3.5vw,70px)}
#section-4 .tasmania .big-button {width: 100%; border-color: #FFF; color: #FFF; background: rgba(255,255,255,0.2); padding-top: clamp(-40px,2vw,40px); padding-bottom: clamp(-40px,2vw,40px)}
#section-4 .tasmania .big-button:hover {background: #FFF; color: #340b83}
#section-4 .tasmania .big-button:hover .plus {color: #340b83}

#section-5 .box-1 {width: clamp( 7px,35vw,700px); top: clamp( 7px,6vw,120px); position: absolute; left: 0;}
#section-5 .box-1 h3 {color: #ec3c76; font-family: "telegraf"; font-size: clamp( 7px,2vw,40px); text-transform: uppercase;}
#section-5 .box-1 h2 {line-height: 1.5; font-size: clamp( 7px,3.4vw,68px); white-space: nowrap;}
#section-5 .box-1 p {font-size: clamp( 7px,1.3vw,26px);}

#section-5 .box-2 {width: clamp( 7px,32vw,640px); top: clamp( 7px,94vw,1880px); position: absolute; left: clamp( 7px,14.5vw,290px); color: #FFF;}
#section-5 .box-2 h3 {font-size: clamp( 7px,2.2vw,44px);}

#section-5 .tgrr {position: absolute; top: clamp( 7px,60vw,1200px); right: clamp( 7px,7vw,140px); width: clamp( 7px,25vw,500px);}


#section-5 .box-3 {width: clamp( 7px,32vw,640px); top:clamp(7px,107vw,2140px); position: absolute; left: clamp( 7px,14.5vw,290px); }


#section-5 .box-4 {width: clamp( 7px,31vw,620px); top: clamp( 7px,71.2vw,1430px); position: absolute; right: 0vw; }
#section-5 .box-4 h4 {color: #4b4ea6; font-family: "Telegraf"; font-size: clamp( 7px,1.3vw,26px); line-height: 1.5;}



#section-6 {padding-top: clamp( 7px,5vw,100px); position: relative;}
#section-6 h1 {font-size: clamp( 7px,15.5vw,310px); position: absolute; top: clamp(-16px,-0.8vw,16px); text-align: center; width: 100%; white-space: nowrap;}
#section-6 h2.subhead {position: absolute; top:clamp( 7px, 9.5vw,190px); color: #212529; left: 0; font-family: telegraf; font-size: clamp( 7px,4vw,80px);}

#section-6 .item {width: clamp( 7px,38vw,760px); position: absolute; }
#section-6 .item .num {width: clamp( 7px,4.5vw,90px); height: clamp( 7px,4.5vw,90px); line-height: clamp( 7px,4.5vw,90px); left: clamp( -104px,-5.2vw,140px);  text-align: center; background: #FFF; border-radius: 1000px; position: absolute; font-family: "NB Architekt Std"; font-size: clamp( 7px,2vw,40px);}
#section-6 .item.right .num {left: clamp(-134px,-6.7vw,137px);}
#section-6 .item .title {line-height: clamp( 7px,4.5vw,90px); font-size:clamp( 7px, 1.5vw,30px); font-weight: 700;}
#section-6 .item li {margin-bottom: clamp( 7px,1vw,20px);}
#section-6 .item img {width: 100%;}
#section-6 .item img.sep-2 {float: right; width: 62%;}
#section-6 .item.right img.sep-3 {transform: none}
#section-6 .item.left {left: clamp( 7px,5.4vw,115px);}
#section-6 .item.right {left: clamp( 7px,42.2vw,844px);}
#section-6 .item.right img {transform: rotate(180deg)}
#section-6 .item.item-1 {top: clamp( 7px,22vw,440px);}
#section-6 .item.item-2 {top: clamp( 7px,37vw,740px);}
#section-6 .item.item-3 {top: clamp( 7px,52vw,1040px);}

#section-6 .plus-a {left:clamp(-180px, -9vw,180px); bottom: 0;}

#section-6 .item.item-4 {top: clamp( 7px,73vw,1460px);}
#section-6 .item.item-5 {top: clamp( 7px,88vw,1780px);}
#section-6 .item.item-6 {top: clamp( 7px,103vw,2060px);}

#section-6 .item.item-7 {top: clamp( 7px,128vw,2560px); width: clamp( 7px,46vw,920px);}
#section-6 .item.item-8 {top: clamp( 7px,140vw,2800px);  width: clamp( 7px,46vw,920px);}
#section-6 .item.item-9 {top: clamp( 7px,152vw,3040px);  width: clamp( 7px,46vw,920px);}

#section-6 p.large {position: absolute; top: clamp( 7px,165vw,3300px); left:clamp( 7px,5vw,100px); font-size: clamp( 7px,1.5vw,30px); font-weight: 700;}
#section-6 h2 {position: absolute; top: clamp( 7px,180vw,3600px); left: clamp( 7px,32vw,640px); font-size: clamp( 7px,8vw,160px);}
#section-6 h2 span {margin-left: clamp( 7px,20vw,400px); color: #FFF; background: #97d31f; font-size: clamp( 7px,9vw,180px); white-space: nowrap; font-family: "telegraf"; text-transform: uppercase;}


#section-7 {margin-top:clamp(-100px, -5vw,100px); overflow: visible; position: relative; z-index: 2;} 
#section-7 h2 {font-size: clamp( 7px,11vw,220px); font-family: "telegraf"; text-transform: uppercase; position: relative; position: relative; z-index: 5;}
#section-7 h2 small {font-size: 40%; display: inherit;}
#section-7 h2 img {position: absolute;right:5vw; top: 0; width: 15vw;}
#section-7 .box-1 {width: clamp( 7px,54vw,1080px); z-index: 5; position: relative;}
#section-7 .img-1 {position: absolute; right: 0; top: clamp( 7px,13.5vw,270px); width: clamp( 7px,100vw,2000px); }
#section-7 .img-2 {width: clamp( 7px,54vw,1080px); margin-bottom: clamp(-300px,-15vw,300px); position: relative; z-index: 9;}
#section-7 .img-3 {position: absolute; right: 0; bottom: clamp(-40px,-2vw,40px); width: clamp( 7px,24vw,480px);}
#section-7 .big-button {position: absolute; right: 0; bottom: clamp( 7px,10vw,200px); background: #9566e0; color: #FFF;}
#section-7 .big-button .plus {left: auto;}
#section-7 .big-button:hover {background: #000;}


#section-7 .video-section {}
#section-7 .video-section .slashes {font-size: clamp(-22px, 1.1vw, 22px); letter-spacing: clamp(-2px, 0.1vw, 2px)}
#section-7 .video-section  .plus {position: static;}
#section-7 .video-section video {display: block; object-fit: cover;}
#section-7 .video-section .box-left {background: #ff7b31; padding: clamp(-40px, 2vw, 40px); font-size: clamp(-80px, 4vw, 80px); font-family: 'NB Architekt Std'; width: 120%; position: relative; z-index: 10; line-height: 1; box-shadow: -5px 14px 20px 0px rgba(0, 0, 0, 0.25);}
#section-7 .video-section .box-left img {position: absolute; right: clamp(-40px, 2vw, 40px); bottom: clamp(-40px, 2vw, 40px); }
#section-7 .video-section .line .inner {width: 65%; background: #222; height: 3px; margin-bottom: -2px}

#section-7 .video-section.second {margin-bottom: -7vw}
#section-7 .video-section.second p {font-family: 'NB Architekt Std';}
#section-7 .video-section.second img {max-width: 83%}

#section-7 .plus {left: clamp(-60px,-3vw,60px);}
#section-7 .square-1,
#section-7 .plus-1 {top: 0;}
#section-7 .square-2,
#section-7 .plus-2 {top: clamp(-340px,17vw,340px);}
#section-7 .square-3,
#section-7 .plus-3 {bottom: clamp(-200px,10vw,200px);}

#section-7 .square {right: clamp(-100px,-2vw,120px);}

#section-7 .plus-3 {left: clamp(-60px,3vw,60px); top: 0}
#section-7 .plus-4 {left: clamp(-60px,3vw,60px); top: clamp(-340px,17vw,340px)}

#section-7 #slider {background: url(img/thylacine-slider-bg.jpg) no-repeat center top; height: clamp(-1980px,99vw,1980px); background-size: 100% auto; color: #FFF; position: relative;} 
#section-7 #slider .object-1 {position: absolute; right: clamp(-40px,-2vw,40px); top: clamp(-640px,32vw,640px); z-index: 20}
#section-7 #slider .object-2 {position: absolute; right: clamp(-60px,-3vw,60px); top: clamp(-1580px,78.9vw,1580px); z-index: 20; width: clamp(-900px,45vw,900px);}
#section-7 #slider .intro-text {position: absolute; top: clamp(-400px,20vw,400px); left: clamp(-160px,8vw,160px)}
#section-7 #slider .intro-text img {width: clamp(-200px,10vw,200px);}
#section-7 #slider p.large {font-family: 'Telegraf Bold';}
#section-7 #slider .controls {position: absolute; left: clamp(-160px,8vw,160px); top: clamp(-760px,38vw,760px)}
#section-7 #slider .controls .button {background: #329807; border-radius: 1000px; position: relative; width: clamp(-400px,20vw,400px)}
#section-7 #slider .controls .button .indicator {text-align: center; line-height: clamp(-80px,4vw,80px); text-transform: uppercase;}
#section-7 #slider .controls .button .prev {position: absolute; width: clamp(-20px,1vw,20px); left: clamp(-20px,1vw,20px); top: clamp(-20px,1vw,20px)}
#section-7 #slider .controls .button .next {position: absolute; width: clamp(-20px,1vw,20px); right: clamp(-20px,1vw,20px); top: clamp(-20px,1vw,20px)}
#section-7 #slider .controls .button .next img {transform:rotate(180deg)}
#section-7 #slider .slider1-container {left: clamp(-160px,8vw,160px); position: absolute; top: clamp(-1160px,55vw,1100px); width: clamp(-480px,24vw,480px)}
#section-7 #slider .slider1-container img {}
#section-7 #slider .slider1-container .slide-4 {width: 50% !important}
#section-7 #slider .slider1 {}
#section-7 #slider .slider2 {position: absolute; top:clamp(-692px,34.6vw,692px); right: 0; width: clamp(-1280px,64vw,1280px)}
#section-7 #slider .slider3 {position: absolute; top:clamp(-1720px,86vw,1720px); left: clamp(-160px,8vw,160px); width: clamp(-1160px,58vw,1160px); color: #000}
#section-7 #slider .slider3 .summary {font-family: 'Telegraf Bold'; color: #8a8a92; text-transform: uppercase;}
#section-7 #slider .slider3 .title {display: none}



#section-8 {padding-bottom: 50vw; background: #000}
#section-8 .head {position: absolute; top: clamp(-266px,13.3vw,266px); width: 95%; left: 5%; opacity: 0.4; white-space: nowrap;}
#section-8 p {text-align: justify;}
#section-8 .left {position: absolute; width: clamp(-880px,44vw,880px); top: clamp(-800px,40vw,800px); color: #FFF;}
#section-8 .left h2 {font-size: clamp(-70px,3.5vw,70px);}
#section-8 .left .medium {font-size: clamp(-26px,1.3vw,26px); color: #a9a9b4;}
#section-8 .left .item {margin-bottom: clamp(-8px,0.4vw,8px);}
#section-8 .left .box {background: #7bce42; color: #000; margin-right: clamp(-20px,1vw,20px);}
#section-8 .left p {margin-bottom: clamp(-28px,1.9vw,28px); text-align: justify;}
#section-8 .left p.green {color: #7bce43; padding-left: clamp(-140px,7vw,140px); position: relative; margin: clamp(-60px,3vw,60px) 0; font-size: clamp(-24px,1.2vw,24px);}
#section-8 .left p.green img {position: absolute; left: clamp(-180px,-9vw,180px);  height: 180%; top: -40%;}


#section-8 .box-2 {position: absolute; top: clamp(-1226px,61.3vw,1226px); right: clamp(-100px,5vw,100px); color: #FFF; opacity: 0.4;}
#section-8 .right {position: absolute; width: clamp(-600px,30vw,600px); top: clamp(-1308px,65.4vw,1308px); right: clamp(-100px,5vw,100px); color: #FFF;}

#section-8 h1 {position: absolute; color: #FFF; top: clamp(-2400px,120vw,2400px); right: 0; text-align: right; font-size: clamp(-140px,7vw,140px);}
#section-8 .embryo {float: left; display: block; width: clamp(-240px,12vw,240px); margin-top: clamp(-140px,-7vw,140px); margin-right: clamp(-20px,1vw,20px);}



#quote h1 {color: #FFF; position: absolute; font-size: clamp(-200px,10vw,200px); top: clamp(-340px,17vw,340px); left: 0;}
#quote .box-1 {background: #FFF; position: absolute; top: clamp(-1400px,70vw,1400px); right: 0; width: clamp(-2040px,52vw,2040px); padding: clamp(-60px,3vw,60px); }
#quote .box-1 .dot {top: clamp(-10px,-0.5vw,10px); left: clamp(-10px,-0.5vw,10px);}
#quote .auth-1 {position: absolute; color: #FFF; top:clamp(-1766px, 88.3vw,1766px); width: clamp(-600px,30vw,600px);}
#quote .auth-1 img {filter: invert(100%); width: clamp(-200px,10vw,200px); float: right;}


#quote .box-1 {background: #FFF; position: absolute; top: clamp(-1400px,70vw,1400px); right: 0; width: clamp(-1040px,52vw,1040px); padding: clamp(-60px,3vw,60px); }
#quote .box-1 .dot {top: clamp(-10px,-0.5vw,10px); left: clamp(-10px,-0.5vw,10px)}

#quote .box-2 {background: #FFF; position: absolute; top: clamp(-2500px,125vw,2500px); left: 0; width: clamp(-960px,48vw,960px); padding: clamp(-60px,3vw,60px); }
#quote .box-2 .dot {top: clamp(-10px,-0.5vw,10px); left: clamp(-10px,-0.5vw,10px);}

#quote .auth-2 {position: absolute; color: #FFF; top: clamp(-3220px,151vw,3020px); width: clamp(-600px,30vw,600px); right: clamp(-60px,3vw,60px);}
#quote .auth-2 img {width: clamp(-100px,5vw,100px); float: right;}

#quote .box-3 {top: clamp(-3720px,186vw,3755px); color: #FFF; position: absolute; width: clamp(-1000px,50vw,1000px); left: clamp(-20px,1vw,20px);}
#quote .box-3 h2 {line-height: 1.4;}
#quote .box-3 {}
#quote .box-3 .medium {max-width: clamp(-800px,40vw,800px);}
#quote .box-3  .slashes-lower {margin-left: 60%; width: clamp(-300px,15vw,300px);}


#deextinct-video {background: #000000; padding: clamp(-60px,3vw,60px) 0; }
#deextinct-video .box {border-color: #424242; padding: clamp(-6px,0.3vw,6px) clamp(-16px,0.8vw,16px)}
#deextinct-video h3 {font-size: clamp(-64px,3.2vw,64px)}
#deextinct-video .big-button {color: #838383; text-transform: uppercase; padding: clamp(-30px,1.5vw,30px) clamp(-40px,2vw,40px)}
#deextinct-video .big-button:hover {color: #000}
#deextinct-video .arkitect {position: absolute; bottom: 0;}
#deextinct-video p {max-width: 80%}
#deextinct-video .square {left: clamp(-40px,-2vw,40px); bottom: clamp(-6px,0.3vw,6px);}
#deextinct-video .top.line {border-color: #888; position: relative;}
#deextinct-video .top.line .inner-line {width: 32%; border: 2px solid #FFF; position: absolute; top: -1px}











#saving {position: relative; margin-top: clamp(-900px,-45vw,900px); margin-bottom: -1px}
/*#saving .part-1 .mask-1 {width: 100%; height: clamp(-1060px,53vw,1060px); position: absolute; background: #FFF;}*/
#saving .part-1 h3 {font-size: clamp(-140px,7vw,140px); font-family: 'NB Architekt Light'; white-space: nowrap;}
#saving .part-1 .inside {padding: 0 clamp(-120px,6vw,120px); background: #ff7b31; position: relative;}
#saving .part-1 .inside.bb {border-bottom: 1px solid rgba(0,0,0,0.5)}
#saving .part-1 .img-1 {max-width: 185%; position: relative; z-index: 10; float: right; margin-right: clamp(-120px,-6vw,120px)}
#saving .part-1 .square.a {left: clamp(-120px,6vw,120px); top: clamp(-160px,8vw,160px)}
#saving .part-1 .plus.a {right: clamp(-80px,4vw,80px); top: clamp(-100px,5vw,100px)}
#saving .part-1 .plus.b {left: clamp(-120px,6vw,120px); bottom: clamp(-100px,5vw,100px)}
#saving .part-1 .plus.c {right: clamp(-80px,4vw,80px); bottom: clamp(-100px,5vw,100px)}
#saving .part-1 .vline {position: absolute; width: 1px; background: rgba(0,0,0,0.2); height: clamp(-2000px,100vw,2000px); top: 0; left: 25%}
#saving .part-1 .vline.two {left: calc(50% + 15px)}
#saving .part-1 .vline.three {left: 75%}
#saving .part-1 h5 {font-family: 'Telegraf Bold'; font-size: clamp(-40px,2vw,40px); margin: 0; padding: 0; line-height: 0.5}
#saving .part-1 .head .line {width: 93%; float: right; display: inline-block; margin-top: 1.5%}
#saving .part-1 .head .plus {position: static; display: inline-block; float: left;}
#saving .part-1 ul {padding: 0; margin: 0; border-bottom: 1px solid rgba(0,0,0, 0.4)}
#saving .part-1 ul li {font-size: clamp(-34px,1.7vw,34px); list-style: none; border-top: 1px solid rgba(0,0,0, 0.4); padding: clamp(-12px,0.6vw,12px) 0}
#saving .part-1 .dot {margin: 0.8vw 1.5vw 0 0; position: static; width:clamp(-16px,0.8vw,16px); height: clamp(-16px,0.8vw,16px); display: inline-block; float: left;background: #ff3d31}
#saving .part-1 .slashes {width: 100%;}


#saving .part-2 {position: relative; z-index: 10;}
#saving .part-2 .inside {position: relative; z-index: 10}
#saving .part-2 .img-1 {width: 100%; margin-top: clamp(-160px,-8vw,160px)}
#saving .part-2 .img-2 {margin-top: clamp(-200px,-10vw,200px); width: 45%}
#saving .part-2 .img-3 {width: 70%}
#saving .part-2 .img-4 {position: relative; z-index: 5; margin-top: clamp(-100px,-5vw,100px); width: 100%;}
#saving .part-2 .vline {position: absolute; width: 1px; background: rgba(255,255,255,0.2); height: clamp(-1200px,60vw,1200px); top: 0; left: 25%}
#saving .part-2 .vline.two {left: calc(50% + 15px)}
#saving .part-2 .vline.three {left: 75%}
#saving .part-2 .tag {text-transform: uppercase; position: absolute; right: 0; top: 70%}


#saving .part-5 {background: #FFF; position: relative;  margin-top: -2px; z-index: 100}
#saving .part-5 .bg {width: 100%; position: absolute; top: clamp(-240px,12vw,240px)}
#saving .part-5 .img-1 {max-width: 70%}
#saving .part-5 p.medium {font-size: clamp(-30px,1.5vw,30px)}
#saving .part-5 .plus.a {right: 0;}
#saving .part-5 .plus.b {bottom: 0; left: 0;}
#saving .part-5 .plus.c {bottom: 0; right: 0;}
#saving .part-5 h2 {font-size:clamp(-84px,4.2vw,84px); font-family: 'NB Architekt Light';}
#saving .part-5 .plus.one {top: 0; left: 0;}
#saving .part-5 .plus.two {top: 0; right: 0;}
#saving .part-5 .plus.four {top: clamp(-440px,22vw,440px); right: 0;}
#saving .part-5 .plus.three {top: clamp(-440px,22vw,440px); left: 0;}
#saving .part-5 .big-button {border: 1px solid #FFF; padding: clamp(-28px,1.4vw,28px) clamp(-80px,4vw,80px) clamp(-28px,1.4vw,28px) clamp(-40px,2vw,40px); font-size: clamp(-20px,1vw,20px); color: #FFF; background: rgba(255,255,255,0.2)}
#saving .part-5 .black {color: #000}
#saving .part-5 p.constrain {max-width: 75%; text-align: left;}
#saving .part-5 .img-2 {width: 138%; display: block; max-width: none; margin-bottom: clamp(-200px,-10vw,200px); position: relative; z-index: 10}
#saving .part-5 .img-3 {max-width: 110%}
#saving .part-5 .tag {position: absolute; right: 0; top: 40%; transform:rotate(90deg)}
#saving .part-5 .square.a {left: clamp(-20px,-1vw,20px); top: clamp(-10px,0.5vw,10px)}
#saving .part-5 .stat {border: 1px solid #FFF; font-family: 'NB Architekt Light'; border-radius: 30px; text-align: center; padding: clamp(-20px,1vw,20px); font-size: clamp(-100px,5vw,100px); display: inline-block; line-height: 1}
#saving .part-5 .stat span {font-family: 'Telegraf Bold'; font-size: clamp(-30px,1.5vw,30px); line-height: 1; vertical-align: middle;}
#saving .part-5 .thing {position: absolute; left: clamp(-300px,-15vw,300px); bottom: clamp(-400px,20vw,400px);}
#saving .part-5 .thing .arkitect { font-size: clamp(-14px,0.7vw,14px); white-space: nowrap;}


#saving .part-4 {background: #000; position: relative; overflow: visible; color: #FFF; z-index: 10}
#saving .part-4 .head .arkitect {font-size: clamp(-10px,0.5vw,10px)}
#saving .part-4 h2 {font-family: 'NB Architekt Light'; font-size: clamp(-140px,7vw,140px)}
#saving .part-4 .content p {padding-left: 6%; padding-right: 6%}
#saving .part-4 .vline {position: absolute; width: 1px; background: rgba(255,255,255,0.1); height: clamp(-1000px,50vw,1000px); top: 0; left: 25%}
#saving .part-4 .vline.two {left: 50%; height: 101%}
#saving .part-4 .vline.three {left: 75%}
#saving .part-4 .pillimg {background: url(img/thylacine/dunnart-part-3-img-1.png) no-repeat center center; background-size: 100% 100%; padding: clamp(-140px,7vw,140px) ; text-align: center;}
#saving .part-4 .plus.b {right: 0;}
#saving .part-4 .plus.c {left: 0; bottom: 0}
#saving .part-4 .plus.d {right: 0; bottom: 0}
#saving .part-4 .tag {position: absolute; right: clamp(-100px,-5vw,100px); top: 50%; transform:rotate(90deg); color: #FFF}
#saving .part-4 .cap {padding: 0.2vw 0.5vw; font-size: 0.6vw; background: #FFF; position: absolute; display: inline-block; z-index: 10; top: 70%; color: #000; width: 16vw; left: 60%; text-align: center;}


@media only screen and (max-width:1700px) {
	#section-6 .item .num {left: clamp(-126px,-6.3vw,126px);}
	#section-6 .item.right .num {left: clamp(-152px,-7.6vw,152px);}
}



@media only screen and (max-width:1400px) {
	#section-6 .item .num {left: -6.7vw;}
	#section-6 .item.right .num {left: -8.4vw;}
}


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

	.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 {overflow: hidden;}
	#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 {overflow: hidden;}

	#section-1 .img-1 {width: 50vw;}
	#section-1 .img-2 {width: 20vw;}
	#section-1 .aus {position: absolute; right: 0; top: -45vw; width: 45vw;}
	#section-1 .slashes-2 {width: 30vw;}


	#section-2 .bg {width: 160vw; max-width: 220vw;}
	#section-2 h2 {text-align: left; top: 20vw;}
	#section-2 h2 img {width: 30vw; top: 5vw;}
	#section-2 h3 span.small {font-size: 4vw !important;}

	#section-2 h3 {top: 45vw; font-size: 7.2vw;}

	#section-2 {padding-bottom: 135vw; background-color: #222462;}
	#section-2 .play {left: 40vw; width: 10vw; top: 90vw;}
	#section-2 .box-1 {position: absolute; width: 100%; top:219vw; padding: 4vw;}
	#section-2 .box-1 p.purple {font-size: 4.5vw;}
	#section-2 .box-2 {width: 80%; background-color: #222462; top: 130vw; padding: 4vw 4vw 0;}
	#section-2 .box-3 {display: none;}
	#section-2 .box-4 {display: none;}

	#section-2 .video-box { width: 82vw; top:65vw; left: 2vw;}
	#section-2 .video-box .placeholder {position: relative;}
	#section-2 .video-box .play {left:calc(50% - 7.5vw); top:calc(50% - 7.5vw); width: 15vw;}

	#section-3 {padding-bottom: 470vw; background: #65b6e4;}
	#section-3 .bg {width: 100vw; margin-left: 0; max-width: none;}
	#section-3 h2 {top: 0; font-size: 16vw;}
	#section-3 h2 small {font-size: 40%;}
	#section-3 h3 {font-size: 5.4vw; left: 0; top: 43vw;}
	#section-3 h3 span {margin-bottom: 0;}
	#section-3 h3 span small {font-size: 40%;}
	#section-3 .box-1 {top: 62vw;}
	#section-3 .box-1 .item {font-size: 3vw;}
	#section-3 .box-1 .box {margin-right: 2vw;}
	#section-3 .box-2 {width: 100%; top: 360vw; right: auto; left: 0;}
	#section-3 .box-3 {top: 545vw; width: 100%; left: 0; right: auto;}
	#section-3 .box-3 .medium {font-size: 5vw; margin-bottom: 2vw;}
	#section-3 .box-4 {top: 255vw; left: 0; width: 100%;}
	#section-3 .legend {top: 170vw; width: 100%; left: 0;}
	#section-3 .box-5 {font-size: 2.5vw; width: 48vw; left: 0; right: auto; top: 225vw;}
	#section-3 .box-2 .medium {font-size: 5vw;}
	#section-3 .box-2 .plus {font-size: 6vw; left: -2vw; top: -3vw;}
	#section-3 .drawing-1 {width: 40vw; margin-left: 5vw;}
	#section-3 .drawing-2 {width: 40vw; margin-right: 5vw;}
	#section-3 .box-2 p {margin-bottom: 4vw; line-height: 1.45;}



	#section-4 {padding-bottom: 100vw; background-color: transparent;}
	#section-4 .box-1 {width: 100%; top: 60vw;}
	#section-4 .box-1 p {font-size: 4vw;}
	#section-4 .box-2 {width: 100%; left: 0; right: auto; top: 300vw; display: none;}
	#section-4 .box-3 {display: none;}
	#section-4 .line.grey {opacity: 0; height: 80vw;}
	#section-4 .tasmania {top: 3vw; width: 77%; left: 12vw}
	#section-4 .tasmania h3 {font-size: 6.2vw; white-space: nowrap; }
	#section-4 .tasmania .big-button br {display: none; }
	#section-4 .tasmania .big-button {font-size: 3.1vw; width: 100%; text-align: center;}
	#section-4 .tasmania .big-button .plus {display: none;}

	#section-4 .box-4 {top: 285vw;}
	#section-4 h1 {font-size: 12.7vw; top: 30vw;}

	#section-5 {padding-bottom: 176vw;}
	#section-5 .bg {max-width: 200%; width: 180vw;}
	#section-5 .box-1 {width: 100%;}
	#section-5 .box-1 h3 {font-size: 4vw;}
	#section-5 .box-1 h2 {font-size: 6vw;}
	#section-5 .box-1 p {font-size: 4vw;}

	#section-5 .tgrr {top: 83vw; width: 38vw; right: 0;}

	#section-5 .box-2 {width: 100%; top: 165vw;}
	#section-5 .box-2 h3 {font-size: 4vw;}
	#section-5 .box-2 p {font-size: 2.5vw;}
	#section-5 .box-3 {width: 100%; top: 250vw;}
	#section-5 .box-4 {width: 100%; top: 190vw; background: #FFF;}
	#section-5 .box-4 .spacer-xs {height: 8vw;}
	#section-5 .box-4 h4 {font-size: 4vw; padding-left: 10.5vw;}
	#section-5 .box-3 {top: 300vw; display: none;}


	#section-6 .item {width: 42vw;}
	#section-6 .item.item-9,
	#section-6 .item.item-7 {width: 38vw;}
	#section-6 .item.right {width: 50vw;}
	#section-6 .item .title {font-size: 2.5vw; white-space: normal; line-height: 1.2;}
	#section-6 .item li {font-size: 1.7vw; margin: 0;}
	#section-6 .item img {display: none;}

	#section-6 .item.left {left: 8.3vw;}
	#section-6 .item.right .num {left: -5.6vw;}
	#section-6 p.large {font-size: 3vw; left: 8vw;}

	#section-6 .plus {display: none;}

	#section-7 {position: relative; overflow: visible;}
	#section-7 h2 {margin-top: 10vw; padding-left: 2vw;}
	#section-7 h2 img {top: -5vw;}
	#section-7 .img-1 {display: none;}
	#section-7 .box-1 {padding-left: 2vw; width: 85vw; margin-top: -3vw;}
	#section-7 .big-button {bottom: 39vw;}
	#section-7 .img-2 {width:80%; margin-bottom: -15vw; position: relative; z-index: 5; margin-top: 10vw;}
	#section-7 .img-3 {display: none}

	#section-7 p.large {font-size: 5vw}
	#section-7 #slider {height: 250vw; background: url(img/thylacine-slider-bg-mobile.jpg); background-size: 100% auto; background-repeat: no-repeat}
	#section-7 #slider .intro-text {top: 15vw; width: 80%}
	#section-7 #slider .intro-text img {display: none;}
	#section-7 #slider .intro-text p.large {margin-bottom: 2vw; font-size: 8vw}
	#section-7 #slider .slider1 {width: 70vw; top: 27.5vw}
	#section-7 #slider .slider2 {top: 131.7vw; left: 5vw; right: auto; width: 89%;}
	#section-7 #slider .slider3 {top: 200vw; width: 80%}
	#section-7 #slider .object-1 {top: 118vw; width: 25vw; right: -5vw;}
	#section-7 #slider .object-2 {display: none}
	#section-7 #slider .slider1-container p.large {display: none}
	#section-7 #slider .controls p.large {display: none}
	#section-7 #slider .controls {top: 66vw;}
	#section-7 #slider .controls .button {width: 60vw; line-height: 10vw}
	#section-7 #slider .controls .button p {line-height: 10vw}
	#section-7 #slider .controls .button .next {width: 3vw; right: 3vw; top: 0}
	#section-7 #slider .controls .button .prev {width: 3vw; left: 3vw; top: 0}


	#section-7 .video-section {}
	#section-7 .plus-3 {display: none}
	#section-7 .plus-4 {display: none}
	#section-7 .video-section .box-left {font-size: 5vw; width: 90%; margin-bottom: -13vw; margin-left: -3%; line-height: 1.3}
	#section-7 .video-section .arkitect {font-size: 7vw}
	#section-7 .video-section .slashes {font-size: 3vw}
	#section-7 .video-section.second {padding-top: 15vw}
	#section-7 .video-section.second img {display: none}


	#section-8 {padding-bottom: 112vw; background-color: #000;}
	#section-8 .bg {max-width: 300%; width: 205vw; margin-left: -11vw; margin-top: -10vw;}

	#section-8 .left {width: 100%; top: 70vw;}
	#section-8 .left .rat {width: 40vw; margin-left: 20vw; margin-top: 3vw;}
	#section-8 .left .medium {font-size: 2.5vw;}	
	#section-8 h1 {top: 332vw; text-align: left; right: auto; font-size: 9vw;}
	#section-8 .left p.green {font-size: 4vw;}
	#section-8 .left p.green img {display: none;}
	#section-8 .embryo {width: 30vw; margin-top: 0vw;}
	#section-8 .right {width: 100%; top: 260vw; right: auto; display: none;}
	#section-8 .left .item {font-size: 2.4vw;}


	.quote-1 .container-fluid {}
	.quote-1 p.medium {font-size: 3.5vw;}
	.quote-1 .dot {width: 3vw; height: 3vw;}
	.quote-1 .inside {}
	.quote-1 img {height: 40vw; width: 130%; margin-left: -7vw; max-width: none; object-fit: contain; object-position: left top;}
	.quote-1 .auth-title {max-width: 150%; font-size: 3vw; width: 120%;}
	.quote-1 .auth-title p {font-size: 3vw;}
	/*.quote-1 .auth-title br {display: none;}*/
	.quote-1 .author {font-size: 5vw;}
	.quote-1 .box {right: 4vw; left: auto; bottom: 5vw;}

	.quote-1 .rewild {bottom: -27vw; right: -40vw; width: 22vw;}


	#quote {padding-bottom: 20vw; background-color: #000;}

	.quote-2 {padding-bottom: 60vw; margin-bottom: -20vw;}
	.quote-2 p.large {font-size: 5.4vw; max-width: 55vw; margin-bottom: 7vw; margin-top: 5vw;}
	.quote-2 .zach-lynch {position: absolute; top: 3%; width: 50%; right: -5%;}
	.quote-2 .inside {padding: 0 8% 5% 0;}
	.quote-2 .bg {height: 80%;}
	.quote-2 .dot {bottom: -9%; right: -12%; width: 3vw; height: 3vw;}
	.quote-2 .author {font-size: 5vw;}
	.quote-2 .wildark {left: 3vw; right: auto; width: 14vw; top:20vw;}

	#quote .box-1 {padding: 3vw}
	#quote .box-1 .large {font-size: 3vw; margin: 0;}
	#quote .auth-1 {left: 2vw;}
	#quote .auth-1 p {font-size: 2vw;}
	#quote .auth-1 img {position: absolute; top: -3vw;}

	#quote .box-2 {top: 115vw; left: -2vw; width: 55vw;}
	#quote .box-2 .medium {font-size: 3vw; margin: 0; line-height: 1.2; }

	#quote .auth-2 p {font-size: 2vw;}
	#quote .auth-2 img {position: absolute; right: -2vw; top: -11vw;}

	#quote .box-3 {top: 167vw; left: -1vw; z-index: 5; padding-left: 1vw; background: #000; margin: 0; padding-right: 0; width: 54vw;}
	#quote .box-3 h2 {font-size: 3vw;}
	#quote .box-3 .medium {background: #000; max-width: 90%; font-size: 3.4vw;}
	#quote .box-3 p {margin-bottom: 1vw;}
	#quote .box-3 p.grey {font-size: 2vw; width: 50vw;}

	#deextinct-video h3 {font-size: 7vw}



	#saving {margin-top: -20vw}
	#saving .part-1 h3 {font-size: 10vw}
	#saving .part-1 .square.a {display: none}
	#saving .part-1 h3 br {display: none; margin: 0}
	#saving .part-1 .img-1 {max-width: calc(100% + 12vw); margin-top: 0}
	#saving .part-1 .img-2 {margin-top: -5vw; z-index: 100; position: relative; max-width: 100%;}
	#saving .arkitect {white-space: normal;}
	#saving .part-1 ul {margin: 5vw 0}
	#saving .part-1 ul li {font-size: 3.5vw}
	#saving .part-1 .dot {width: 2vw; height: 2vw; margin-top: 1.5vw}
	#saving .part-1 h5 {font-size: 3.5vw}

	#saving .part-2 .img-1 {max-width: 70%; margin: 0;}
	#saving .part-2 .img-2 {float: right; margin-top: -60vw; position: relative; z-index: 10}
	#saving .part-2 .img-3 {width: 100%;}
	#saving .part-2 .img-4 {width: 200%; max-width: none; margin-left: -50%; margin-top: -30vw}


	#saving .part-3 h2 {font-size: 8vw}
	#saving .part-3 p.large {font-size: 6vw}
	#saving .part-3 .stat {font-size: 15vw; padding: 4vw}
	#saving .part-3 .plusbox {display: none}
	#saving .part-3 .warning {margin-top: 20vw}

	#saving .part-4 .head .arkitect {font-size: 2vw}
	#saving .part-4 h2 {font-size: 9vw}

	#saving .part-5 {padding-top: 10vw}
	#saving .part-5 .img-1 {max-width: 100%}
	#saving .part-5 p.medium {font-size: 5vw}
	#saving .part-5 h3 {font-size: 2vw}
	#saving .part-5 .head {margin-top: 5vw}
	#saving .part-5 .head .arkitect {font-size: 3vw}
	#saving p.large {font-size: 6vw}
	#saving .part-5 {padding-bottom: 80vw}
	#saving .part-5 .bg {top: 165vw; width: 270%; max-width: none}
	#saving .part-5 h2 {font-size: 8vw}
	#saving .part-5 h2 br {display: none}
	#saving .part-5 .img-2 {display: none}
	#saving .part-5 .big-button {font-size: 4vw; padding: 5vw 10vw 5vw 5vw}
	#saving .part-5 .stat {font-size: 8vw; padding: 3vw}
	#saving .part-5 .thing {display: none}

}