body {overflow-x: hidden;} .black {color: #000} p {font-size: clamp(10px,1vw,20px);} p.medium {font-size: clamp(-24px,1.23vw,24px)} p.large {font-size: clamp(-48px,2.4vw,48px)} p a {color: inherit; text-decoration: underline;} .small {font-size: clamp(-12px,0.6vw,12px)} h2 {font-size: clamp(-120px,6vw,120px); line-height: 1.1; margin-bottom: 0;} h3 {font-size: clamp(-80px,4vw,80px); line-height: 1} h4 {font-size: clamp(-36px,1.8vw,36px)} .plus {position: absolute;} .square {position: absolute;} .btn {text-transform: none;} .btn-black {background: #000; color: #FFF;} .video-element {width: clamp(-1900px,95.5vw,1900px); margin-left: clamp(-200px,-10vw,200px);} .container {max-width: clamp(-1680px,84vw,1680px);} .head {position: relative;} .head .arkitect {font-size: clamp(10px,0.7vw,13px);} .head .line {margin-left: -3%;} .head .square {left: -5%; top: 30%;} #hero h1 {color: #FFF; font-size: clamp(10px,12vw,230px);} #hero h3 {color: #FFF; font-family: 'Telegraf'; text-transform: uppercase; padding-bottom: 3%; font-size: clamp(-30px,1.5vw,30px)} #hero p {text-transform: none; font-size: clamp(-20px,1.1vw,20px)} #hero .text.a {top: 61.5vh;} #hero .line {width: calc(100% - clamp(10px,14vw,320px)); left: clamp(-140px,7vw,140px);} #hero .slashes {width: 93%;} #section-1 {padding: clamp(-120px,6vw,120px) 0; position: relative;} #section-1 .box {right: 0} #section-1 .disc.a {position: absolute; left: -5%; top: clamp(-30px,-1.5vw,30px)} #section-1 .plus.a {left: -3%} #section-1 .btn {width: 42%; margin: 1%} #section-1 .btn.btn-black {text-decoration: line-through} #section-1 .steps {position: absolute; top: clamp(-760px,38vw,760px); width: 167%; left: -33.5%; pointer-events: none; max-width: none} #section-1 h4 {font-size: clamp(-30px,1.5vw,30px); height: clamp(-90px,3vw,90px)} #section-2 {padding: clamp(-120px,6vw,120px) 0; background: #000; color: #FFF} #section-2 .arkitect {right: 0; bottom: 5%; font-size: clamp(-12px,0.6vw,12px)} #section-2 .mark {position: absolute; top: -80%; width: 80%; mix-blend-mode: luminosity; filter: invert(100%); opacity: 0.2} #section-2 p.large {max-width: 82%} #section-2 .slider * {transition: all 0.5s linear;} #section-2 .slider {overflow:hidden; white-space: nowrap; width: 100%;} #section-2 .slider .box:first-child {margin-left: 0} #section-2 .slider .box:last-child {margin-right: 0} #section-2 .slider .box {width: 24.3%; height: clamp(-460px,23vw,460px); background-color: #FFF; margin: 0 7px; display: inline-block; transition: all 0.6s ease; position: relative; overflow: hidden; text-align: left; font-family: Telegraf; white-space: normal;} #section-2 .slider .box .featured {height: 100%; width: 100%; max-width: none; object-fit: cover; filter:saturate(0%); transition: all 0.5s linear; opacity: 0.7} #section-2 .slider .box video {height: 100%; width: 100%; object-fit: cover; filter:saturate(0%); opacity: 0.7} #section-2 .slider .box .overlay {position: absolute; width: 100%; left: 0; padding: clamp(-30px,1.5vw,30px); } #section-2 .slider .box .btn {opacity: 0; transition: all 0.5s linear; padding: 5px; } #section-2 .slider .box img {width: 100%; opacity: 0; transition-delay: 0s; transition:none } #section-2 .slider .box .tag {background: #000; margin-bottom: clamp(-60px,3vw,60px); text-align: center; position: absolute; top: clamp(-30px,1.5vw,30px); right: clamp(-30px,1.5vw,30px); bottom: auto; padding: clamp(-2px,0.1vw,2px) clamp(-10px,0.5vw,10px)} #section-2 .slider .box .num {color: #000; font-size: clamp(-140px,7vw,140px); line-height: 0.7} #section-2 .slider .box p:not(.lower) {white-space: nowrap;} #section-2 .slider .box p.lower {opacity: 0; transition-delay: 0s; transition:none } #section-2 .slider .box[data-key="3"] .tag {color: #ff7b31} #section-2 .slider .box.expanded img {opacity: 1; transition: all 0.5s linear; transition-delay: 0.5s; } #section-2 .slider .box.expanded {width: 49%;} #section-2 .slider .box.expanded p.lower {opacity: 1; transition: all 0.5s linear; transition-delay: 0.5s; } #section-2 .slider .box:nth-child(1) {background: #d9d9d9;} #section-2 .slider .box:nth-child(2) {background: url(img/science/slide-2-bg.jpg) center center; background-size: cover} #section-2 .slider .box:nth-child(3) {background: #ff7b31;} #section-2 .slidenav {padding: clamp(-36px,1.8vw,36px) 0 0} #section-2 .slidenav .btn {font-size: clamp(-30px,1.5vw,30px); margin-right: 2%} #section-2 .slidenav .btn:hover {background: rgba(255,255,255,0.2); border-color: #FFF; color: #FFF} #section-3 {padding: 0 0 clamp(-200px,10vw,200px); background: #000; color: #FFF; position: relative;} #section-3 h1 {font-size: clamp(-230px,11.5vw,230px); line-height: 0.9} #section-3 .adjust-1 {margin-top: clamp(-100px,-5vw,100px)} #section-3 .big-button {font-size: clamp(-20px,1vw,20px); padding: clamp(-40px,2vw,40px) clamp(-120px,6vw,120px) clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); color: #FFF;} #section-3 .divider {position: absolute; top: 0; } #section-3 .ground-control {max-width: 200%; width: 110%; position: relative; left: 5%} #section-3 .rocket {position: absolute; width: 40%; top: clamp(-300px,-15vw,300px); right: 0;} #section-3 .sun {position: absolute; width: 100%; top: clamp(-240px,12vw,240px);} #section-3 .blur {position: absolute; width: 100%; top: clamp(-1220px,61vw,1220px)} #section-3 .plus.a {position: absolute; left: clamp(-160px,8vw,160px); bottom: clamp(-220px,11vw,220px); z-index: 10} #section-3 .square.a {position: absolute; left: clamp(-160px,8vw,160px); bottom: clamp(-1100px,55vw,1100px); z-index: 10} #section-3 .text-a {position: absolute; left: clamp(-130px,6.5vw,130px); bottom:clamp(-40px,2vw,40px); z-index: 10; text-transform: uppercase; transform: rotate(-90deg)} #section-4 {padding: clamp(-120px,6vw,120px) 0 clamp(-60px,3vw,60px)} #section-4 .img-container {margin-top: clamp(-200px,-10vw,200px)} #section-4 .img-container .square {position: absolute;left: -10%; bottom: 1.5%;} #section-4 .img-2 {position: absolute; right: 0; bottom: 5vw; width: 30%; right: 1.8%} #section-5 {padding: 0 0 0} #section-5 .accordion-item {border-top: 1px solid #9f9f9f; padding: 0.5vw 0} #section-5 .accordion-item a {color: #000} #section-5 .accordion-item .num {font-size: clamp(-40px,2vw,40px)} #section-5 .accordion-item .num:after {content:''; width: clamp(-20px,1vw,20px); height: clamp(-20px,1vw,20px); background: #ff7b31; border-radius: 100px; display: inline-block; margin-left: 4%; } #section-5 .accordion-item .title {font-size: clamp(-40px,2vw,40px)} #section-5 .accordion-item a.collapsed .expander:after {content:'[ Expand ]'; } #section-5 .accordion-item a .expander:after {content:'[ Close ]'; } #section-5 .accordion-item a.collapsed {} #section-5 .accordion-content .row {padding-top: clamp(-20px,1vw,20px); padding-bottom: clamp(-20px,1vw,20px)} #section-5 .accordion-item .collapsed .num:after {opacity: 0} #section-5 .img-1 {max-width: 104%} #section-6 {background: url(img/science/section-6-bg.jpg) no-repeat center top; background-size: cover; color: #FFF; padding: clamp(-120px,6vw,120px) 0 clamp(-520px,26vw,520px)} #section-7 {padding: clamp(-120px,6vw,120px) 0; overflow: hidden;} #section-7 .eyes {max-width: none; position: absolute; right: -20%; top: 20%; width: 190%} #section-7 h2 .square {left: -6%; top: 7%} #section-7 h2 .plus {left: -6%; bottom: 4%} #section-7 h2 .plus.a {left: -6%; bottom: -120%} #section-7 .innerline {height: clamp(-2000px,100vw,2000px); border-right: 1px solid #EEE; position: absolute; left: 25%} #section-7 .innerline:nth-child(2) {left: 50%} #section-7 .innerline:nth-child(3) {left: 75%} #section-8 {background: #000; color: #FFF; padding: clamp(-60px,3vw,60px) 0} #section-8 h3 {background: url(img/science/greencell.jpg) center center; border-radius: 1000px; text-align: center; padding: clamp(-100px,5vw,100px); background-size: 110% auto; border: 1px solid #FFF} #section-8 #grid {position: relative;} #section-8 .block-1 {background: url(img/science/block-1.jpg); background-size: cover; padding: clamp(-100px,5vw,100px)} #section-8 .block-1 h4 {font-size: clamp(-68px,3.4vw,68px)} #section-8 .block-1 p {color: #D8D8D8} #section-8 .block-1 .buttons {width: 30%} #section-8 .block-1 .buttons .btn {display: inline-block; background: #000; border: 1px solid #000; margin-bottom: clamp(-10px,0.5vw,10px); color: #FFF; font-size: clamp(-24px,1.2vw,24px)} #section-8 .block-1 .buttons .btn:hover {background: #d8d8d8; color: #000} #section-8 .block-2 {background: #6c6c6c; padding: clamp(-30px,1.5vw,30px); width: 120%; float: right;} #section-8 .block-2 h2 {font-size: clamp(-80px,4vw,80px); position: relative;} #section-8 .block-2 h2 .plus {position: absolute; border: 1px solid #FFF; width: clamp(-26px,1.3vw,26px); text-align: center; right: 0; top: clamp(-1.6px,0.8vw,1.6px)} #section-8 .block-2 .num {font-size: clamp(-80px,4vw,80px); line-height: 1} #section-8 .block-2 img {width: 100%;} #section-8 .block-2 .small {background: #000; text-transform: uppercase; padding: clamp(-6px,0.3vw,6px); text-align: center;} #section-8 .side {position: absolute; transform:rotate(90deg); transform-origin: top left; left: -2%; top: 30%} #section-8 .block-3 {border: 2px solid #FFF; padding: clamp(-30px,1.5vw,30px); position: relative;} #section-8 .block-3 .qr {position: absolute; width: clamp(-60px,3vw,60px); right: clamp(-20px,1vw,20px); top: clamp(-20px,1vw,20px)} #section-8 .block-3 .num, #section-8 .block-3 h4 {font-family: 'NB Architekt Std'; font-size: clamp(-44px,2.2vw,44px)} #section-8 .ml {position: absolute; width: 39%; right: -5%; top: 10%} #section-8 .block-5 {padding: clamp(-10px,0.5vw,10px) clamp(-30px,1.5vw,30px); background: url(img/science/block-5.jpg); margin-top: clamp(-100px,-5vw,100px); width: 120%} #section-8 .block-5 h4 {font-family: 'NB Architekt Std'; font-size: clamp(-44px,2.2vw,44px)} #section-8 .block-6 {padding: clamp(-10px,0.5vw,10px) clamp(-30px,1.5vw,30px); background: #ff7b31; position: relative; width: 120%} #section-8 .block-6 img {position: absolute; width: 30%; right: clamp(-30px,1.5vw,30px);} #section-8 .block-6 h4 {font-family: 'NB Architekt Std'; font-size: clamp(-44px,2.2vw,44px)} #section-9 {background: #000; color: #FFF; padding: 0vw 0 clamp(-500px,25vw,500px); position: relative;} #section-9 .part {border-top: 1px solid #606060; padding: clamp(-20px,1vw,20px) 0} #section-9 .part .btn {font-size: clamp(-22px,1.1vw,22px); margin: 0 clamp(-10px,0.5vw,10px) clamp(-10px,0.5vw,10px) 0; border-color: #FFF; color: #FFF; pointer-events: none} #section-9 .bg {position: absolute; top: 10vw; mix-blend-mode: difference; width: 100%;} #section-10 {position: relative;} #section-10 #church {background: #000 url(img/science/church.jpg) no-repeat center center; background-size: cover; padding: clamp(-60px,3vw,60px); margin-top: clamp(-300px,-15vw,300px)} #section-10 h3 {font-size: clamp(-70px,3.5vw,70px)} #section-10 .big-button {font-size: clamp(-20px,1vw,20px); padding: clamp(-40px,2vw,40px) clamp(-120px,6vw,120px) clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); color: #FFF; background: rgba(255,255,255,0.15)} #section-10 .big-button:hover {background: #FFF; color: #000 !important} #section-10 .big-button:hover .plus {color: #000} #section-10 .locker .plus:nth-child(1) {top: 0; left: 0; bottom: auto; right: auto} #section-10 .locker .plus:nth-child(2) {top: 0; right: 0; bottom: auto;} #section-10 .locker .plus:nth-child(3) {left: 0; bottom: 0; right: auto} #section-10 .locker .plus:nth-child(4) {right: 0; bottom: 0; } #section-10 .mod {background: #FFF; margin-bottom: clamp(-30px,1.5vw,30px)} #section-10 .mod .lower {padding: clamp(-20px,1vw,20px);} #section-10 .mod h4 {font-family: 'NB Architekt Std'; font-size:clamp(-44px, 2.2vw,44px)} #section-10 .mod img {width: 100%;} #section-10 .goup {margin-top: clamp(-100px,-5vw,100px)} #section-10 #modules {padding: 0 0 clamp(-100px,5vw,100px); ; background: rgb(153,64,221); background: linear-gradient(0deg, rgba(153,64,221,1) 0%, rgba(243,203,204,1) 82%, rgba(255,255,255,1) 100%); } #section-10 .gline {position: absolute; height: 50%; border-left: 1px solid #e8e8e8; left: 25%} #section-10 .gline:nth-child(2) {left: 50%} #section-10 .gline:nth-child(3) {left: 75%} #section-10 .gline:nth-child(4) {border-left: none; border-bottom: 1px solid #e8e8e8; left: 0; top: 32.5%; width: 100%; height: 1px} #section-10 .text-a {position: absolute; right: clamp(-24px,-1.2vw,24px); top: 50%; transform: rotate(90deg); opacity: 0.5} #section-10 .bot h2 {font-size: clamp(-148px,7.4vw,148px)} #section-10 .bot .circle-text {border:1px solid #91ed0e; text-transform: uppercase; font-size: clamp(-44px,2.2vw,44px); text-align: center; border-radius: 100vw; padding: clamp(-30px,1.5vw,30px) 0;} #section-10 .bot {background:#9940dd url(img/science/worldbg.jpg?cache=1); background-repeat: no-repeat; background-size: 103% auto; background-position: center bottom; color: #FFF; padding-bottom: clamp(-400px,20vw,400px)} #section-11 {padding: clamp(-120px,6vw,120px) 0 clamp(-140px,7vw,140px); background: #000 url(img/science/formbio-bg.jpg) no-repeat center top; background-size: 100% auto; color: #FFF} #section-11 .phone {margin-top:clamp(-280px, -14vw,280px)} #section-11 .text {max-width: 30%} #section-11 .square.a {left: clamp(-60px,-3vw,60px); top: clamp(-40px,2vw,40px)} #section-11 .circles {right: 0; position: absolute; top: clamp(-300px,15vw,300px); width: 7%} #section-11 .phone {width: 110%; max-width: none} #section-11 .big-button {font-size: clamp(-20px,1vw,20px); padding: clamp(-40px,2vw,40px) clamp(-120px,6vw,120px) clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); color: #FFF; background: rgba(255,255,255,0.15)} #section-11 .big-button:hover {background: #FFF; color: #000 !important} #section-11 .big-button:hover .plus {color: #000} #section-11 .gestated {} #section-11 .plusses .plus:nth-child(1) {top: 0; left: 1.5%;} #section-11 .plusses .plus:nth-child(2) {top: 0; right: 0; display: none} #section-11 .plusses .plus:nth-child(3) {bottom: 0; right: 0; display: none} #section-11 .plusses .plus:nth-child(4) {bottom: 0; left: 1.5%;} #section-11 .video .slashes {max-width: 200%; width: 150%} #section-11 .video p.medium {font-size:clamp(0.4px,2.0vw,40.0px)} #section-11 .video p:not(.medium) {font-size: clamp(0.2px,1.0vw,20.0px); line-height: 1.4; color: #838383} #section-11 .video .arkitect {color: #838383} #breaking {background: #354ad9; color: #FFF; } #breaking .img-2 {width: 50%} #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%);} #section-12 {color: #FFF; background: url(img/science/tiedye.jpg) center top; background-size: 100% auto; } #section-12 h2 {background: url(img/science/space.jpg) no-repeat center center; background-size: cover; border-radius: 1000px; padding: clamp(-80px,4vw,80px) 0; margin-top: clamp(-200px,-10vw,200px)} #section-12 .big-button {font-size: clamp(-20px,1vw,20px); padding: clamp(-40px,2vw,40px) clamp(-120px,6vw,120px) clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); color: #FFF; background: rgba(255,255,255,0.15)} #section-12 .big-button:hover {background: #FFF; color: #0c26b3} #section-12 .big-button:hover .plus {color: #0c26b3} #section-12 .disc {float: right;} #section-12 .vline {background: #EEE; opacity: 0.5; top: clamp(-100px,5vw,100px); left: 70%} #section-12 .overflow-hidden {overflow:hidden;} #section-12 p.constrain {max-width: 90%} #news {background: #FFF; color: #000; padding: clamp(-100px,5vw,100px) 0} #news .news-item {color: #000; border-top: 2px solid #000} #news .plus.white {color: #000} #news .line {border-bottom-color: #000} #news .line .inner {position: absolute; border: 3px solid #000; width: 15%; top: -2.5px} #news h2 {font-family: 'NB Architekt Light'; margin-bottom: clamp(-20px,1vw,20px)} #news .item {padding-left: clamp(-40px,2vw,40px); padding-right: clamp(-40px,2vw,40px); } #news .news-row {margin-left: clamp(-40px,-2vw,40px); margin-right: clamp(-40px,-2vw,40px)} #news .news-item h4 {color: #555; font-size: clamp(-16px,0.8vw,16px); font-weight: 700} #news .container-fluid {max-width: 84vw; padding: 0 15px;} /*RESPONSIVE*/ @media only screen and (max-width:767px) { .container {max-width: 94vw} .section-header .arkitect {font-size: 2vw;} .head .arkitect {font-size: 2.3vw;} .head .square {left: 2%;} .arkitect small {font-size: 2vw;} .small {font-size: 1.2vw} p {margin-bottom: 1.5rem; font-size: 3.5vw; line-height: 1.5;} p.large {font-size: 7vw;} p.medium {font-size: 5vw;} h4 {font-size: 4vw;} #hero .dna .dna-3 {animation-name: none} #hero .intro {top: 55vh;} #hero .bg {object-position: center top;} #hero h1 {line-height: 1; font-size: 15.5vw;} #hero h1 br {display: none;} #hero .plus.a {top: 15vh; left: 6.4vw;} #hero .line {margin-top: 10vw;} #hero .slashes {display: none;} #hero h3 {font-size: 7vw; max-width: 70vw;} #hero p {max-width: 90%; font-size: 3.4vw; margin-bottom: 2.9vw;} #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:54vh; } #hero .dna {width: 40vw; height: 40vw; bottom: -20vw; left: 0;} #hero .dna .dna-1 {display: none;} #section-1 .plus.a {top: 1.5vw} #section-1 .steps {top: 0; position: static;} #section-1 .foursteps .col-md-3 {padding-left: 13vw} #section-1 .foursteps .disc {position: absolute; left: 0; top: 1vw} #section-1 h4 {height: auto; font-size: 6vw} #section-1 .steps-cover {overflow-x: scroll; height: 45vw} #section-1 .steps {width: 300%; margin-left: -50%; height: 70vw; object-fit: cover} #section-2 .mark {top: 0; width: 100%; top: -30vw;} #section-2 .slider .box {height: 50vw; display: block; width: 100%; margin: 4vw 0 0} #section-2 .slider .box p.lower {font-size: 3vw; opacity: 1} #section-2 .slider .box p.medium {margin-bottom: 2vw} #section-2 .slider .box .tag {font-size: 2vw} #section-2 .slider .box.expanded {width: 100%;} #section-2 .slider .box .overlay {padding: 3vw;} #section-2 .slider .box img {opacity: 1} #section-2 p.large {max-width: 100%; font-size: 6vw} #section-3 .rocket {width: 60%; right: -5vw; top: -20vw} #section-3 .big-button {font-size: 5vw; padding: 5vw 15vw 5vw 5vw} #section-3 .square {display:none} #section-3 .ground-control {height: 40vw; object-fit: cover; left: 0} #section-3 .img-1 {max-width: 80%; margin: -10vw auto 5vw; display: block;} #section-3 {padding-bottom: 17vw} #section-5 .accordion-item {padding: 2vw 0} #section-5 .accordion-item img {margin: 2vw 0} #section-5 .accordion-item .num {font-size: 5vw} #section-5 .accordion-item .title {font-size: 3vw; line-height: 1.2} #section-5 .accordion-item a .expander:after {font-size: 2.5vw} #section-5 .img-1 {height: 50vw; width: 100%; object-fit: cover; margin-bottom: 10vw} #section-6 {padding: 20vw 0 120vw; background-position: 34%} #section-6 h2 {font-size: 8vw; margin-bottom: 3vw; max-width: 70%} #section-6 br {display: none} #section-6 p.large {font-size: 6vw} #section-7 {padding-bottom: 65vw} #section-7 .eyes {width: 120%; right: -10%} #section-8 {padding: 5vw 0} #section-8 .block {margin-bottom: 3vw} #section-8 .block-2 h2, #section-8 .block-2 .num, #section-8 .block-3 .num, #section-8 .block-3 h4, #section-8 .block-5 h4, #section-8 .block-6 h4, #section-8 .block-6 .num, #section-8 .block-1 h4 {font-size: 7vw} #section-8 .ml {display: none} #section-8 .block-1 .buttons .btn {font-size: 3vw} #section-8 .block-2 {width: 100%; padding: 5vw} #section-8 .block-2 h2 .plus {display: none} #section-8 .block-2 .small {font-size: 2.5vw} #section-8 .block-3 {padding: 5vw} #section-8 .block-6, #section-8 .block-5 {width: 100%; margin: 0; height: 60vw; padding: 5vw} #section-8 .block-3 .qr {width: 15vw; right: 5vw; top: 5vw} #section-8 p.large {font-size: 5vw} #section-10 #church {padding: 5vw; width: 110%; margin-left: -5%; background-position: 70% 0} #section-10 h3 {font-size: 6vw; margin-bottom: 5vw} #section-10 .big-button {font-size: 3vw; padding: 5vw 15vw 5vw 5vw} #section-10 .mod .lower {padding: 5vw 5vw 1vw} #section-10 .mod h4 {font-size: 5vw} #section-10 .mod {margin-bottom: 5vw} #section-10 .goup {margin: 0} #section-10 .mod img {height: 40vw; object-fit: cover;} #section-11 p.medium {font-size: 4vw} #section-11 .square.a {display: none} #section-11 .img-1 {width: 60%} #section-11 .phone {width: 200%; margin-top: -60vw} #section-11 .text {width: 50%; max-width: none} #section-11 .plus {display: none} #section-11 .big-button {font-size: 4vw; padding: 5vw 15vw 5vw 5vw} #section-11 .big-button .plus {display: block;} #section-11 .screen {max-width: 130%; margin-left: -15%} #section-11 .video .slashes {width: 100%; margin-top: 5vw} #section-11 .video p.medium {font-size: 6vw} #section-11 .video p:not(.medium) {font-size: 3vw} #section-11 .gestated {width: 70%; margin: 0 auto 8vw; display: block;} #section-10 .bot h2 {font-size: 13vw} #section-10 .bot .circle-text {font-size: 4.5vw; line-height: 1; padding: 6vw 8vw 4vw} #section-10 .bot {padding-bottom: 20vw} #section-10 .bot .gestated {max-width: 80%; display: none} #breaking h2 {font-size: 10vw; margin-bottom: 7vw} #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} #breaking {padding-top: 10vw} #breaking .breaking-logo {max-width: 80%; margin: 0 auto; display: block;} #section-12 {background-repeat: no-repeat; background-size: 500%; background-position: 60%; padding-bottom: 10vw} #section-12 p.large {font-size: 5vw; margin-bottom: 2vw; margin-top: 10vw} #section-12 p.medium {font-size: 4vw} #section-12 h2 {padding: 8vw 0; margin-top: -20vw} #section-12 .img-1 {max-width: 80%} #section-12 .big-button {font-size:4vw; padding: 5vw 15vw 5vw 5vw} #parts .small {font-size: 2vw} #section-9 .part {padding: 6vw 0} #parts h3 {font-size: 6vw} #section-9 .part .btn {font-size: 4vw;} }