.video-element {width: 92%; object-fit: cover;} p {font-size: clamp(10px,1vw,20px); margin-bottom: 8%;} p.medium {font-size:clamp(10px,1.4vw,28px);} h1,h2,h3 {font-family: 'NB Architekt Std';} .line .square {left: -4%; top: -0.2vw;} .head {position: relative;} .head .arkitect {font-size: clamp(10px,0.7vw,12px);} .head .line {margin-left: -3%;} .head .square {left: -4%; top: 28%;} .head .box {display: block; text-align: center; width: 100%;} .head .plus {left: -7%;} .line .disc {left: -6.5%; top:clamp(10px,1.5vw,30px);} #hero h1 {color: #FFF; font-family: 'NB Architekt Light'; font-size: clamp(10px,12vw,240px);} #hero h3 {color: #FFF; font-family: 'Telegraf'; text-transform: uppercase; padding-bottom: 3%;} #hero p {text-transform: none; margin-bottom: 1.4vw;} #hero .lower {top: 67vh;} #section-1 {padding: 5% 0 20%; background: linear-gradient(to top, #b66fee 0%, #FFF 50%);} #section-1 .outline-image {padding: 3% 3% 1%; border: 1px solid #a3e149; width: 50%; float: right; margin-right: 5%; margin-top: -25%; position: relative; z-index: 5;} #section-1 h2 {font-size: clamp(10px,4.5vw,90px); white-space: nowrap; padding: 10% 0 4%; line-height: 1.5;} #section-1 p {max-width: 60%;} #section-1 .tiger {} .quote-1 {position: relative; padding-bottom: 5%;} .quote-1 .container-fluid {position: relative; z-index: 10; margin-top: -15%;} .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 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: 1.8vw; 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: -14%; top:-1.5%} .quote-1 p.medium {line-height: 1.2; font-size: clamp(10px,1.6vw,32px);} .quote-1 .plus.a {right: 0; bottom: 0;} .quote-1 .plus.b {right: 15px; bottom: 0;} .quote-1 .box {position: absolute; bottom: 0; left: 15px;} #section-3 {padding-bottom: clamp(10px,6vw,120px);} #section-3 .square.a {position: absolute; left: 15px; top: 5%;} #section-3 .plus.a {position: absolute; left: 15px; top: 20%;} #section-3 h2 {color: #ec216c; font-family: "Telegraf"; text-transform: uppercase; font-size: clamp(10px,9vw,180px); white-space: nowrap; line-height: 1.8; padding-left: 5%;} #section-3 h2 img {position: absolute;} #section-3 .qr {position: absolute; right: 0; width: 5%; top: 7%; right: 10%;} #section-3 .max {max-width: 80%; margin-top: 12%; margin-bottom: 19%;} #section-3 .slashes {float: right; width: 150%; margin-right: -50%;} #section-3 ul {padding: 0; margin: 0 0 0 10%; border-top: 1px solid #000;} #section-3 ul li {font-size:clamp(10px, 2.1vw,42px); list-style: none; border-bottom: 1px solid #000; position: relative; padding: 2% 0;} #section-3 ul li img {position: absolute; width: 8%; left:-11%; top: 14%;} #section-3 .trashed-beach {max-width: 150%; width: 105%; margin-left: -18%;} #section-4 {background: #000; background-size: 105% auto; padding: clamp(10px,8vw,130px) 0; color: #FFF; position: relative;} #section-4 .bg {width: 100%; top: 0; left: 0; height: 150%; position: absolute;} #section-4 h2 {text-align: center; font-size: clamp(10px,12vw,230px); font-family: 'NB Architekt Light';} #section-4 .img-scroll-container .inner img {margin-top: 0;} #section-4 .intro p {max-width: 90%; margin-left: 5%;} #section-4 .square.a {left: -5%; top: 30%;} #section-4 p small {line-height: 1; display: block;} #section-4 .item {display: block; color: #777; padding: 17% 10% 10% 25%; position: relative;} #section-4 .item:hover * {transition: all .3s ease;} #section-4 .item img {opacity: 20%; display: block; margin-bottom: 5%;} #section-4 .item .disc {position: absolute; left: 0; border-color: #000; background: #000; z-index: 5;} #section-4 .item .disc .dot {background: #444;} #section-4 .item .indicator {width: 1px; height: 55%; position: absolute; background: #777; left: 7.3%; bottom: 0; opacity: 0;} #section-4 .item p {font-size: 0.8vw; text-transform: uppercase;} #section-4 .item.active img {opacity: 1;} #section-4 .item.active p {color: #FFF;} #section-4 .item.active .disc {border-color: #777;} #section-4 .item.active .disc .dot {background: #93ec28;} #section-4 .item.active .indicator {opacity: 1;} #section-4 .item.active:hover img {opacity: 1;} #section-4 .item:hover img {opacity: 0.5;} #section-4 .item.active:hover p {color: #FFF;} #section-4 .item:hover p {color: #CCC;} #section-4 .heatmap {max-width: 90%; margin: 5% auto; display: block;} #section-4 .text.a {transform: rotate(-90deg); display: inline-block;transform-origin: top left; position: absolute; top: 50%;} #section-4 .lower p {font-size: 0.7vw; margin-bottom: 4%;} #section-4 .plus.b {bottom: 0;} #section-4 .heatmap-container {position: relative;} #section-4 .heatmap-container .adjuster {opacity: 0; max-width: 100%; width: 100%; margin: 5% 0;} #section-4 .heatmap-container .heatmap {position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0; margin: 5% 0; max-width: 100%; transition: all .3s ease;} #section-4 .heatmap-container .heatmap.active {opacity: 1;} #section-5 {padding: clamp(10px,5vw,100px) 0;} #section-5 .vline {position: absolute; width: 1px; top: 0; background: #222;} #section-5 .vline {left: 25%; height:50vw; opacity: 0.2;} #section-5 .vline.b {left: 50.3%;} #section-5 .vline.c {left: 75.7%;} #section-5 .lower p {color: #777;} #section-5 .lower .box {background: #000; color: #FFF; font-size: clamp(10px,0.6vw,12px);} #section-5 .lower .stat {font-family: 'NB Architekt Light'; font-size: clamp(10px,3vw,60px);} #section-5 .lower .stat span {font-size: 1.2vw; line-height: 1; display: inline-block;} #section-5 .lower .square {background: #c167f4; position: absolute; left: 1.2%; width: 0.8vw; height: 0.8vw; top: 0;} #section-5 .lower .inner {padding: 5%; max-width: 70%;} #section-6 {background: #000; background-size: cover; padding: clamp(10px,8vw,160px) 0; position: relative; overflow: hidden;} #section-6 .head {color: #FFF;} #section-6 .qr {display: block; width: 100%;} #section-6 p {margin-bottom: 3%; color: #FFF; text-transform: uppercase; font-family: 'NB Architekt Std'; font-size:clamp(10px, 1.2vw,24px);} #section-6 h2 {color: #FFF; font-size: clamp(10px,12vw,240px); white-space: nowrap; font-family: 'NB Architekt Light'; line-height:0.9; mix-blend-mode: difference;} #section-6 .square {right: 6%; top: 28%;} #section-6 .text {transform: rotate(90deg); transform-origin: top right; display: inline-block; position: absolute; right: 6%; font-size: 0.7vw;} #section-6 .bg {position: absolute; top: 0; width: 100%; height: 110%; left: 0; object-fit: cover;} #section-7 {position: relative; z-index: 5;} #section-7 .intro {padding: 2% 2% 0; background: #FFF; position: relative;} #section-7 .container-fluid {margin-top: -4%;} #section-7 .intro .disc {position: absolute; right: -1.7%; top: -7%;} #section-7 p {margin-bottom: clamp(10px,1vw,20px);} #section-7 .wolf-profile {max-width: 130%; width: 113%; margin-left: -20%; margin-bottom: -14.5%;} #section-7 .big-button {width: 60%;} #section-8 {background: #9843db; padding: clamp(10px,5vw,100px) 0 clamp(10px,2vw,40px); color: #FFF;} #section-8 .line {opacity: 0.6;} #section-8 h3 {font-size: clamp(10px,7vw,140px); font-family: 'NB Architekt Light'} #section-8 .text.a {position: absolute; white-space: nowrap; transform: rotate(90deg); transform-origin: bottom left; top: -20%; left: 0;} #section-8 .plus.b {right: 15px; bottom: 15%;} #section-8 h4 {font-size: clamp(10px,5vw,100px); text-align: center;} #section-8 .roaming-bison {position: absolute; max-width: 150%; width: 97%; margin-left:14%; margin-top: -6.8%;} #section-9 {padding: 3% 0 10%;} #section-9 p.medium {margin-bottom: 2%; font-size: clamp(10px,2vw,40px);} #section-9 .title {color: #6a5f41; font-size: clamp(10px,7.3vw,140px); line-height: 1;} #section-9 .item {padding: 7% 14%; color: #777;} #section-9 .item img {margin:0 auto 5%; display: block;} #section-9 .item .line {margin: 2% 0; } #section-9 .item .line-2 {font-size:clamp(10px, 1.3vw,26px); position: relative;} #section-9 .item .plus {color: #777; right: 0; top: 20%;} #section-10 {background: #6a5f41; padding: 5% 0 3%;} #section-10 .container-fluid {margin-top: -8.5%;} #section-10 .text {position: absolute; transform: rotate(90deg); right: 0; bottom:22%;} #section-10 h2 {font-size: clamp(10px,12vw,240px); white-space: nowrap; line-height:0.95; color: #FFF; font-family: 'NB Architekt Light'} #section-10 .microscope {max-width: 200%; width: 114%; margin-top: -10%;} #section-11 {padding: 5% 0 0; position: relative; z-index: 5;} #section-11 p {margin-bottom: 2%;} #section-11 .list {} #section-11 .list p {font-size: clamp(10px,1.2vw,24px);} #section-11 .num {font-size: clamp(10px,1.5vw,30px); font-family: 'NB Architekt Std';} #section-11 .list p {margin-bottom: 0;} #section-11 .list .row {padding-top: 3.3%; padding-bottom: 3.3%;} #section-11 .mitochondria {margin-left: -18%; max-width: 200%; width: 110%; margin-bottom: -25%;} h2.crispr { color: #FFF; font-size:clamp(10px,26vw,520px); line-height: 1; letter-spacing: 1vw; font-family: 'NB Architekt Light'; text-align: center; position: absolute; z-index: 10;} #section-12 {padding: 28% 0 17%; background: #000; color: #FFF;} #section-12 h2 {font-size: clamp(10px,9vw,180px); white-space: nowrap; font-family: 'NB Architekt Light'; line-height: 0.9;} #section-12 .soil {max-width: 200%; width: 145%; margin-left: -15%;} #section-12 .container-fluid.narrow {padding-left: clamp(5px,10vw,200px); padding-right: clamp(5px,10vw,200px);;} #section-12 .microscopic-dna {padding: 5%; display: block; border: 1px solid #7fe828; width: 80%; margin: 15% 0 0;} #section-13 {background: #9843db; color: #FFF;} #section-13 .container-fluid {margin-top: -14%;} #section-13 h2 {font-family: 'NB Architekt Light'; font-size: clamp(10px,6.5vw,130px); white-space: nowrap; line-height: 1; position: relative; z-index: 10; margin-bottom: 5%;} #section-13 .distribution {margin-left:15%; max-width: 200%; width: 103%; margin-top: -15%;} #section-13 h3 {font-size: clamp(10px,3.3vw,66px); white-space: nowrap; line-height: 2; padding-top: 1.5%;} #section-14 {background: url(img/mountain-range-2.webp) no-repeat center center; background-size: cover; padding: 3% 0 0;} #section-14 h2 {font-size: clamp(10px,12vw,240px); mix-blend-mode: difference; white-space: nowrap; color: #FFF; line-height: 0.83; font-family: 'NB Architekt Light'; margin-bottom: -5%;} #section-14 p {color: #FFF; font-size: clamp(10px,2vw,40px); line-height: 1.2;} #section-15 {padding: 8% 0 15%;} #section-15 p {margin-bottom: 3%;} #section-15 .adjuster {padding-left: 4%;} #section-15 .plus.a {right: 15px; bottom: 3%;} #section-15 .woolly-profile {max-width: 200%; width: 103%; margin-left: -17%; margin-top: -2%;} #section-15 h2 {font-size: clamp(10px,3vw,60px); line-height: 1.3;} #section-15 .petri-dish {position: absolute; padding: 4%; border: 1px solid #fe7e3d; width: 42%; bottom: -5%; right: 35%;} #section-15 .square.a {position: absolute; top: 10%; right: 20%;} #section-15 .square.c {position: absolute; bottom: 0;} #section-15 .plus.b {position: absolute; bottom: 10%; right: 20%;} #section-15 .plus.c {left: 15px; bottom: 0;} #section-15 h3 {font-family: 'NB Architekt Light'; font-size: clamp(10px,8vw,160px); line-height:0.85;} #section-16 {background: #000; color: #FFF; padding: 0 0 5%;} #section-16 .banner {padding: 3% 25% 3% 10%; background: url(img/blue-cells.webp) center center; background-size: cover; width: 115%; margin-top: -13%; position: relative;} #section-16 .banner h3 {font-size: clamp(10px,3vw,60px); margin-bottom: 0;} #section-16 .banner video {position: absolute; top: 0; left: 0; width: 100%; height: 103%; object-fit: cover;} #section-16 h2 {font-size: clamp(10px,4vw,80px); line-height: 1;} #section-16 .qr {width: 3%; position: absolute; right: 0; top: 0;} #section-16 p {position: relative;} #section-16 .item {position: relative; padding: 0 5%;} #section-16 .item .num {font-size: clamp(10px,12vw,220px); font-family: 'NB Architekt Light'; line-height: 0.5; display: inline-block; letter-spacing: -0.2vw;} #section-16 .item .disc {width: clamp(10px,5vw,100px); height: clamp(10px,5vw,100px); border-color: #555; margin-left: clamp(-50px,-2.5vw,0px);} #section-16 .item .disc .dot {} #section-16 .item .line {margin: 15% 0 5%;} #section-16 .item p {text-transform: uppercase; font-size: clamp(10px,1.5vw,30px);} #section-16 .item .plus {position: relative;} .banner-header {background: #CCC; position: relative; color: #FFF; padding: 4% 0; position: relative; overflow: hidden;} .banner-header .line-1 {font-family: 'NB Architekt Light'; font-size: clamp(10px,4vw,80px);} .banner-header .line-2 {font-family: 'NB Architekt Std'; font-size: clamp(10px,7vw,140px); line-height: 1;} .banner-header .plus {position: static; margin: 2% 0;} .banner-header .square {margin: 3% 0 1%; position: static;} .banner-header .circles {width: 7%; position: absolute; right: 7%; bottom: 12%;} .banner-header .bg {position: absolute; top: 0; left: 0; width: 100%; height: 120%; object-fit: cover;} .banner-header.climate {background-image: url(img/glacier.webp); background-size: cover; background-position: center center; } .banner-header.environments {background-image: url(img/rainforest-2.webp); background-size: cover; background-position: center center; } .banner-header.agriculture {background-image: url(img/agriculture.webp); background-size: cover; background-position: center center; } #section-17 {padding: 3% 0 5%;} #section-17 h2 {font-size: clamp(10px,3vw,60px); line-height: 2;} #section-17 h3 {font-size: clamp(10px,2.2vw,44px); font-family: "Telegraf"; position: relative;} #section-17 h3 .plus {right: 0; top: 20%;} #section-17 p {margin-top: 5%;} #section-17 .orange {position: absolute; left: 10px; top: -1%; width: 1vw; height: 1vw;} #section-17 .img-1 {width: 90%;} #section-17 .img-2 {position: absolute; top: 45%; left: 5%; width: 40%;} #section-17 .text {position: absolute; bottom: 0; right: 12%;} #section-18 {padding: 3% 0 5%;} #section-18 h2 {font-size: clamp(10px,3vw,60px); line-height: 2;} #section-18 .petase {width: 90%;} #section-18 p.medium {font-size: clamp(10px,1.8vw,36px);} #section-18 .text {transform-origin: bottom left; white-space: nowrap; transform: rotate(90deg); left: 50%; position: absolute;} #section-19 {padding: 3% 0 11%;} #section-19 h2 {font-size: clamp(10px,3vw,60px); line-height: 1;} #section-19 .indicator {position: absolute; right: 20%; bottom: 8.5%; width: 60%;} #section-19 .plants {width: 95%;} #section-20 {background: #6a5f41; color: #FFF; padding:2% 0 4%;} #section-20 .windmills {position: absolute; right: 10%; top: -9%; width: 45%} #section-20 h2 {font-size: clamp(10px,8vw,160px); font-family: 'NB Architekt Light'; line-height: 1; position: relative; z-index: 5; margin-bottom: -1%;} #section-20 .text {transform-origin: bottom left; white-space: nowrap; transform: rotate(90deg); right: 0; position: absolute;} #section-20 h3 {font-size: clamp(10px,5vw,100px); font-family: 'NB Architekt Light'; line-height: 1;} #section-20 p.large {font-size: clamp(10px,2.4vw,44px); line-height: 1.2; padding-right: 10%;} #section-21 {padding-bottom: 5%;} #section-21 .inside {width: 200%; background: #FFF; position: relative; padding:15% 10% 3%; z-index: 10;} #section-21 .inside .dot {position: absolute; left: -3%; top: -3%; width: 1vw; height: 1vw;} #section-21 .inside p {color: #888; font-size: 0.8vw;} #section-21 .author {font-size: 1.8vw; font-family: 'NB Architekt Std'; margin: 0 0 3%; position: relative;} #section-21 .container-fluid {margin-top: -8%;} #section-22 {background: #000;} #section-22 img {width: 100%; height: 100%;} #section-22 .inside {position: relative; margin-top: -16%;} #section-22 .v-align {position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center;} #section-22 h2 {color: #FFF; font-family: 'NB Architekt Light'; font-size: clamp(10px,4vw,80px); line-height: 1;} #breaking {background: #354ad9; color: #FFF; padding-bottom: clamp(-100px,5vw,100px)} #breaking .img-2 {width: 50%} #breaking h2 {font-size: clamp(-140px,7vw,140px); font-family: 'NB Architekt Light'; line-height: 1} #breaking .slashes {margin-left: -8%} #breaking .square.a {left: -12%; top: clamp(-10px,0.5vw,10px)} #breaking .line {margin-left: -4%; width: calc(100% + 8%)} #breaking .bottom {max-width: calc(100% + 10%); margin-left: -6%} #breaking .big-button {color: #FFF; width: 100%; background: rgba(255,255,255,0.1); border-color: #FFF} #breaking .big-button:hover {background: #FFF; color: #2c41d3} #breaking .big-button:hover .plus {color: #2c41d3} #breaking .plus.a {left: -6%; top: clamp(-40px,-2vw,40px)} #breaking .plus.b {right: 0; top: 40%} #breaking .breaking-video-1 {width: 100%; margin-bottom: clamp(-40px,2vw,40px)} #breaking .breaking-video-container {position: relative;} #breaking .breaking-video-container img {position: absolute; width: 40%; left: 50%; top: 50%; transform: translate(-50%, -60%);} @media (min-width: 2000px) { } @media only screen and (max-width:767px) { .box {padding: 0 2vw;} p {font-size: 3.5vw; line-height: 1.2;} p.medium {font-size: 4vw;} p.large {font-size: 6vw;} .line .square {top: -0.7vw} .head .arkitect {font-size: 2vw;} .head .square {left: 2%;} .head .plus {left: -4.5%; top:17%;} #hero .plus.a {top: 20vh; left: 6.5vw;} #hero h1 {font-size: 18vw; line-height: 1; top: 25vh;} #hero .arkitect {text-align: left !important; font-size: 2.5vw;} #hero .line {top: 50vh; width: 88%; left: 6%;} #hero .lower {left: 6vw; top: 51.5vh; width: 90%;} #hero p {font-size: 3.3vw; line-height: 1.2;} #hero h3 {font-size: 7vw;} #hero h3 br {display: none;} #hero .circles {display: none;} #section-1 {padding-bottom: 40vw;} #section-1 h2 {font-size: 6.5vw; margin-bottom: 0; padding-bottom: 0;} #section-1 .head .arkitect {margin-left: -2vw;} #section-1 .tiger {} #section-1 p {max-width: 100%;} #section-1 p br {display: none;} #section-1 .disc {left: -10vw; top: 4.5vw;} #section-1 .line {margin-left: 10vw; margin-bottom: 5vw;} #section-1 .tiger {height: 70vw; margin-top: 30%; object-fit: cover; max-width: 200%; margin-left: -10%;} #section-1 .outline-image {width: 130%; margin: -30% 0 0 20%; max-width: 130%; float: none;} .quote-1 .container-fluid {margin-top: -30%;} .quote-1 p.medium {font-size: 3.5vw;} .quote-1 .dot {width: 3vw; height: 3vw;} .quote-1 .inside {max-width: 110%; width: 105%; padding-left: 0%;} .quote-1 img {height: 60vw; object-fit: cover; 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;} #section-3 .banner {max-width: 110%; width: 110% !important;} #section-3 h2 {font-size: 15vw; padding-left: 0; line-height: 1.1; padding-top: 10vw; margin-top: 10vw; margin-bottom: 5vw;} #section-3 .qr {display: none;} #section-3 .max {width: auto; max-width: 100%; font-size: 3vw; padding-left: 14vw; padding-right: 0; margin-right: 0; margin-bottom: 30vw;} #section-3 .trashed-beach {height: 45%; object-fit: cover; max-width: 200%; width: 180%; margin-left: -80%; object-position: left top;} #section-3 ul li {font-size: 4.3vw; padding: 3vw 0;} #section-3 ul li img {width: 8vw; margin-left: -4vw;} #section-4 h2 {font-size: 10vw; padding: 8vw 0 0;} #section-4 h2 br {display: none;} #section-4 .intro p {max-width: 100%; margin-left: 0;} #section-4 .align-items-center {align-items: flex-end !important; padding-bottom: 5vw;} #section-4 .align-items-center p.nowrap {margin-bottom: 1.5vw !important;} #section-4 .item * {transition: all .3s ease;} #section-4 .item img {margin: 0 auto 5vw;} #section-4 .text.a {display: none;} #section-4 .item.active .indicator {opacity: 0;} #section-4 .item p {font-size: 3.1vw; white-space: nowrap; text-align: center;} #section-4 .heatmap {max-width: 120%; margin: 10vw 0 10vw -10%;} #section-4 .lower p {font-size: 3vw; margin-bottom: 3vw;} #section-5 .vline {display: none;} #section-5 p.large {font-size: 8vw;} #section-5 p.medium {font-size: 5vw; padding-left: 7vw;} #section-5 .lower .inner {margin-left: 20%; padding-top: 0; padding-bottom: 15%; max-width: 100%; padding-right: 0;} #section-5 .lower p {font-size: 4vw; margin-bottom: 3vw;} #section-5 .lower .box {font-size: 3vw; margin-bottom: 0; padding: 0 3vw;} #section-5 .lower .stat {font-size: 12vw;} #section-5 .lower .square {width: 3vw; height: 3vw; left: 18vw; top: 1vw;} #section-5 .lower .stat span {font-size: 5vw;} #section-6 .qr {max-width: 400%; width: 400%;} #section-6 h2 {margin-bottom: 100vw; font-size: 18vw;} #section-6 p {font-size: 5vw;} #section-7 p.large {padding: 5vw;} #section-7 .callout {font-size: 7vw; margin: 3vw 0; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 5vw 0;} #section-7 .wolf-profile {margin-bottom: -50%;} #section-8 {padding-top: 45vw; padding-bottom: 15vw;} #section-8 p.intro {font-size: 6vw; border-bottom: 1px solid #FFF; padding-bottom: 4vw;} #section-8 h3 {font-size: 14vw;} #section-8 p.medium {font-size: 5vw;} #section-8 h4 {font-size: 10vw; text-align: left;} #section-8 .roaming-bison {height: 60vw; object-fit: cover; margin-top: 0%;} #section-9 {padding-top: 50vw;} #section-9 p.medium {font-size: 5vw;} #section-9 .title {font-size: 11vw;} #section-9 .item .line-1 {font-size: 5vw;} #section-9 .item img {max-height: 20vw;} #section-9 .item .line-2 {font-size: 3vw;} #section-10 .container-fluid {margin-top: -13%;} #section-10 h2 {font-size: 15vw;} #section-11 .mitochondria {height:70vw; object-fit: cover; object-position: top center; width: 100%; margin-bottom: 5vw;} #section-11 .list p {font-size: 3.5vw; padding-left: 5vw;} #section-11 .num {font-size: 5vw;} #section-11 .big-button {width: auto !important; margin: 4vw 0 10vw;} #section-12 .soil {position: absolute; top:0; width: 80%; right: 0; top: 30vw;} #section-12 .microscopic-dna {position: relative; z-index: 10; height: 25vw; object-fit: cover; padding: 3%; width: 60%;} #section-13 .container-fluid {margin-top: -20%;} #section-13 h2 {font-size: 10vw;} #section-13 .distribution {margin-top: 0;} #section-13 h3 {font-size: 8vw; white-space: normal; line-height: 1.2; padding-top: 5vw;} #section-14 {position: relative;} #section-14 h2 {font-size: 16vw; margin-bottom: 5vw;} #section-14 p {position: absolute; right: 0; top: 2vw; font-size: 3vw;} #section-15 h2 {font-size: 8vw; padding-top: 3vw;} #section-15 .petri-dish {bottom: 0vw; padding: 3%;} #section-15 .woolly-profile {width: 115%;} #section-15 .adjuster {padding-left: 0;} #section-15 .plus.a {bottom: 0; display: none;} #section-15 p.b {font-size: 2.4vw; margin-top: 5vw; text-align: left !important;} #section-15 .plus.b {display: none;} #section-15 .square.a {display: none;} #section-15 h3 {font-size: 19vw; margin-bottom: 10vw;} #section-16 .banner h3 {font-size: 4.8vw; text-align: justify;} #section-16 .banner h3 br {display: none;} #section-16 h2 {font-size: 12vw; margin-top: 5vw; margin-bottom: 5vw;} #section-16 .qr {width: 10%;} #section-16 .item {margin-bottom: 10vw; border-bottom: 1px solid #FFF; padding-bottom: 3vw; padding-left: 0; padding-top: 5vw;} #section-16 .item .num {font-size: 22vw; border-bottom: none;} #section-16 .item .num .line {display: none;} #section-16 .item .plus {display: none;} #section-16 .item p {position: absolute; bottom: 3vw; left: 43vw; margin: 0; font-size: 5vw;} .banner-header .line-1 {font-size: 7vw; line-height: 1;} .banner-header .line-2 {font-size: 12vw; margin-bottom: 4vw;} .banner-header .circles {display: none;} .banner-header .square {display: none;} #section-17 h2 {font-size: 7vw; line-height: 1.1; padding-top: 2vw;} #section-17 .orange {width: 3vw; height: 3vw;} #section-17 h3 {font-size: 7vw;} #section-17 .img-1 {max-width: 110%; width: 110%; margin-left: -10vw; height: 50vw; object-fit: cover; margin-bottom: 5vw;} #section-17 .img-2 {width: 40%; right: 10vw; left: auto; bottom: -5vw;} #section-18 h2 {font-size: 7vw; line-height: 1.1; padding-top: 2vw;} #section-18 p.medium {font-size: 4.5vw;} #section-19 h2 {font-size: 7vw; line-height: 1.1; padding-top: 2vw;} #section-19 .plants {width: 100%; margin-bottom: 3vw;} #section-19 .indicator {display: none;} #section-20 {padding-bottom: 20vw;} #section-20 h2 {font-size: 10vw;} #section-20 .windmills {width: 65%; right: 0;} #section-20 h3 {font-size: 7.5vw; margin-bottom: 5vw;} #section-20 h3 br {display: none;} #section-20 p.large {width: 100%; padding: 0; font-size: 5vw;} #section-21 .container-fluid {margin-top: -25%;} #section-21 .inside p {font-size: 3.3vw;} #section-21 .inside {width: 90%; padding: 5% 5% 0; margin-top: -15%;} #section-21 .author {font-size: 5vw;} #section-21 .inside .dot {left: auto; width: 3vw; height: 3vw; right: -2vw} .video-element {height: 40vw; width: 95%; object-fit: cover;} #breaking h2 {font-size: 10vw; margin-bottom: 7vw} #breaking h2 br {display: none} #breaking .slashes {width: 100%; margin: 0;} #breaking .gestated {width: 70%; margin: 0 auto 8vw; display: block;} #breaking p {font-size: 4vw} #breaking .img-3 {margin-bottom: 5vw} #breaking .big-button {font-size: 5vw; padding: 5vw 8vw} #breaking .large {font-size: 6vw} #breaking .large br {display: none;} #breaking .bottom {width: 300%; max-width: 500%; margin: -5%; margin-bottom: 10vw; margin-top: 10vw; display: none} #breaking {padding-bottom: 0vw; padding-top: 10vw} #breaking .breaking-logo {max-width: 80%; margin: 0 auto; display: block;} }