*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{font-family:Raleway,sans-serif;position:relative}.font-mont{font-family:Montserrat,sans-serif}.font-robo{font-family:Roboto,sans-serif}nav{display:flex;justify-content:space-around;align-items:center;min-height:9.5vh;background-color:#0d1019}.logo{width:150px;height:50px;z-index:1000}.nav-links{display:flex;justify-content:space-around;width:30%;z-index:10000}.nav-links li{list-style:none;z-index:10000}.nav-links a{color:#f0f0f0;text-decoration:none;font-size:1.1rem;z-index:10000}.nav-links a:hover{color:#74b1f7;z-index:10000}.burger div{width:23px;height:2px;background-color:#fff;margin:5px;transition:all .3s ease}.burger{display:none}#main-section{position:relative;background-color:#0d1019;color:#fff;height:90.5vh}.main-heading{width:1396px;height:80vh;margin:auto;display:flex;flex-direction:column;justify-content:center}.main-heading h1{font-size:calc(1.5rem + 2vw);padding-bottom:2rem;z-index:10000}.main-heading p{font-size:1.5rem;padding-top:.8rem;z-index:10000}.button{width:190px;display:inline-block;font-size:1em;border:1px solid #fff;padding:10px 30px;text-decoration:none;color:#fff;margin-top:10px;text-transform:uppercase;letter-spacing:2px;transition:.2s ease;margin-top:3rem;z-index:1000}.button:hover{width:230px;letter-spacing:6px}.email{position:absolute;left:-120px;color:#fff;text-decoration:none;font-size:1rem;letter-spacing:1px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}.email i,.social-header i{padding-left:1rem;padding-right:.5rem}.social-header{position:absolute;right:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}.social-header span{font-size:1.1rem}.social-header a{font-size:1.1rem;color:#fff;text-decoration:none;padding:0 .5rem}.main-heading video{position:absolute;right:300px}#service{background-image:url(../images/webdrip-website\ no\ bcg.png);background-color:#0d1019;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#fff}.div-left{display:flex;flex-direction:column;justify-content:center;padding-left:5rem}.div-left h2{font-size:calc(1.5rem + 2vw);padding-bottom:1rem}.div-left p{width:500px;font-size:calc(1rem + .3vw);line-height:2.2rem}.service{padding-top:20rem;padding-bottom:20rem}.project-wrapper{background-color:#0d1019;color:#fff;display:flex;justify-content:space-around;border-bottom:1px solid #fff}.project-left{display:flex;flex-direction:column;justify-content:center;padding-left:5rem}.project-left h2{font-size:calc(1.5rem + 2vw);padding-bottom:1rem}.project-left .project-title{font-size:calc(1rem + .3vw);padding-bottom:2rem}.project-left p{width:500px;font-size:calc(1rem + .2vw);line-height:2.2rem}.project-heading{font-weight:700;font-size:calc(1rem + .2vw);padding-bottom:2rem}.project-button{width:170px}.project-button:hover{width:200px;letter-spacing:6px}.footer{background-color:#0d1019}#footer-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:auto;max-width:1300px;overflow:auto;padding:0 20px;background-color:#0d1019}#footer-container h2{font-size:calc(1rem + 2.5vw);padding-bottom:2rem}#footer-container .footer-header{font-size:calc(1rem + .5vw);padding:3rem 0 1.5rem 0}#footer-container #footer-container h3,#footer-container .footer-header,#footer-container h2{color:#fff;text-align:left}#footer-container p{color:#fff;line-height:1.8rem;width:800px;text-align:center}.footer-btn{margin-bottom:2.5rem}.copyright-footer{background-color:#0d1019;color:#fff;padding-top:2rem}.down-footer{display:flex;justify-content:space-around;border-top:.1px solid #fff}.copyright-footer img{width:150px;margin:2rem}.footer .column1{display:flex;justify-content:center;align-items:center}.footer img{width:200px}.copyright-footer .social{margin:2rem 0}.copyright-footer .social i{margin:0 1rem;color:#fff}::-webkit-scrollbar{background:#0d1019;width:5px}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a0dedb,#03a5d1);border-radius:6px}#img[data-scroll]{transition:all 2s}#img[data-scroll=in]{opacity:1;transform:translateX(0)}#img[data-scroll=out]{opacity:0;transform:translateX(100px)}#text-left[data-scroll]{transition:all 2s}#text-left[data-scroll=in]{opacity:1;transform:translateX(0)}#text-left[data-scroll=out]{opacity:0;transform:translateX(-100px)}.footer-text[data-scroll]{transition:all 2s}.footer-text[data-scroll=in]{opacity:1;transform:translateX(0)}.footer-text[data-scroll=out]{opacity:0}