#root{text-align:center}.article-image{width:100%;height:590px;display:block}.video-player{width:100%;max-width:100%;height:auto}.image-text{position:absolute;top:45%;left:20%;transform:translate(-50%,-50%);z-index:1}.container{position:relative;width:300px}.box{position:relative;top:25px;left:310px;width:80%;height:80px;background-color:transparent;border:1px solid #fbf8f8;box-sizing:border-box}.box p{margin:12px 0 0 -40px;font-size:x-large;color:#fff}.box2{position:relative;top:-70px;left:290px;width:80%;height:80px;background-color:transparent;border:1px solid #00ffff;box-sizing:border-box}.box2:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:2px;height:30px;background-color:#ede9e9}.heading-text{font-size:80px;line-height:.8;color:#fff;text-align:left;margin:0 0 0 335px;width:40%;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.para-text{margin-top:15px;color:#fff;font-size:small}.para-text span{color:#0ff}.title-section{max-width:70%;margin:100px auto;text-align:left}.title-section h1{font-size:45px;margin-bottom:20px}.title-section :nth-child(2){color:#000;font-size:small;margin:0 0 20px 10px;text-align:left}.title-section :nth-child(2) span{color:#0ff}.middle-section{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto auto auto}.middle-section img{height:100%;width:70%;margin:0 0 10% 10%}.middle-section .text-container-right{padding:80px 100px 0;text-align:left}.middle-section .text-container-right :first-child{font-size:x-large;font-weight:800;margin-bottom:10px}.middle-section .text-container-right :last-child{font-size:medium;font-weight:100;margin-bottom:10px}.middle-section .text-container-left :first-child{margin-bottom:10px;font-size:x-large;font-weight:800;text-align:left;padding:100px 50px 0 100px}.middle-section .text-container-left :last-child{font-size:medium;font-weight:100;margin-bottom:10px;text-align:left;padding:0 50px}.quote-section{max-width:70%;margin:100px 200px 100px 500px;text-align:right;font-weight:300;font-size:18px}.prologue{max-width:70%;margin:100px 300px 100px 250px;text-align:left}.prologue h1{margin-bottom:10px}.prologue h3{margin:30px 0 10px}.prologue svg{position:relative;top:29px}.prologue h2{display:inline-block;margin:30px 0 10px -50px}@media (max-width: 767px){.article-image{height:auto}.image-text{position:absolute;top:30%;left:-10%;transform:translate(-50%,-50%);z-index:1}.video-player{width:100%;max-width:100%;height:auto}.container{position:relative;width:300px}.box{position:relative;top:10px;left:330px;width:40%;height:40px;background-color:transparent;border:1px solid #fbf8f8;box-sizing:border-box}.box p{margin:14px 0 0 35px;font-size:medium;color:#fff}.box2{position:relative;top:-20px;left:340px;width:40%;height:40px;background-color:transparent;border:1px solid #00ffff;box-sizing:border-box}.box2:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:2px;height:30px;background-color:#ede9e9}.heading-text{font-size:3rem;line-height:.8;color:#fff;text-align:left;margin:0 0 0 335px;width:40%}.para-text{margin-top:15px;color:#fff;font-size:10px;margin-left:338px}.title-section{max-width:90%;margin:50px auto;text-align:center}.title-section h1{font-size:36px;margin-bottom:10px}.title-section :nth-child(2){font-size:small;margin:0 0 10px -100px;text-align:center}.middle-section{display:block}.middle-section .text-container-right{text-align:left}.middle-section img{height:100%;width:70%;margin-left:40px}.quote-section{max-width:90%;margin:50px auto;text-align:center;font-size:16px}.prologue{max-width:90%;margin:50px auto;text-align:center}.prologue h1{margin-bottom:10px}.prologue h3{margin:20px 0 10px}.prologue svg{position:static;top:auto}.prologue h2{display:block;margin:20px auto}.l-arrow{font-size:large}.l-arrow svg{position:relative;top:30px}}.footer{background-color:#000;color:#fff;height:250px;padding-top:40px}.footer-logo{display:grid;grid-template-columns:15% 25% 60%}.footer-logo :first-child h2{text-align:left;margin-left:40px;transform:rotate(-30deg)}.footer-title{text-align:left;margin:0 50px 50px 10px;font-size:small}.footer-references{display:grid;grid-template-columns:auto auto auto auto auto;color:gray;text-align:left}.footer-references p{margin:15px 0 10px}.copyright-social{display:flex;justify-content:space-between;margin:45px 30px 0}.copyright-social p{font-size:12px;color:gray}@media (max-width: 767px){.footer{height:800px}.footer-logo{display:grid;grid-template-columns:1fr;grid-gap:10px;text-align:center}.footer-logo :first-child{display:inline-block;width:100%}.footer-logo :first-child h2{display:inline-block;width:50%;text-align:left;margin-left:50px;margin-bottom:30px;transform:rotate(0)}.footer-title{width:70%;margin-left:9%}.footer-references{display:grid;grid-template-columns:auto auto;grid-row-gap:50px}.footer-references p{margin:5px 0 0}.copyright-social{display:flex;justify-content:space-between;margin:45px 10px 0}}*{margin:0;padding:0}.navbar{display:flex;justify-content:space-between;background-color:#000;position:sticky;top:0;z-index:999;padding:15px 0 10px}header{display:flex;justify-content:space-between;background-color:#000;position:sticky;top:0;z-index:999}.logo{font-size:15px;display:inline-block;color:#faf8f8;margin:0 0 0 50px;padding:0;transform:rotate(-50deg)}.logo p{font-weight:700;line-height:.9}.logo p span{font-weight:100;color:gray}.menu-icon{display:none;cursor:pointer}.menu-icon img{width:30px;height:25px;filter:invert(100%)}.menu-icon .line:nth-child(1){top:0}.menu-icon .line:nth-child(2){top:7px}.menu-icon .line:nth-child(3){bottom:0}.nav-items{list-style:none;display:flex;gap:40px;margin:0;padding:0}.nav-items li{color:#fff;margin-right:10px}.nav-items li:last-child{margin-right:0}.nav-items a{font-weight:800;text-decoration:none;color:#faf8f8}.search-icon{display:inline-block;color:#faf8f8;margin:1px 50px 0 0}@media (max-width: 767px){*{text-align:left}.navbar{position:sticky;top:0;z-index:999;padding:40px 0 10px}.logo{display:none}.menu-icon{position:absolute;top:5px;left:5px;display:inline-block}.nav-items{display:none;margin-left:35%;flex-direction:column;margin-top:20px;justify-content:center;align-items:center;text-align:center;padding:20px 0;overflow-y:hidden}html{overflow-x:hidden}.nav-items.open{display:flex;overflow-x:hidden}.search-icon{display:none}}