.background{position:fixed;width:100vw;height:100dvh;z-index:-1}.background .background-video{width:100%;height:100%;object-fit:cover;object-position:top center;z-index:0}main{max-width:1440px;margin:0 auto;padding:0 50px}main section#logo{padding:40vh 0 80px;text-align:center}main section#logo .logo{max-width:800px;margin:0 auto}main section#logo .logo img{width:80%}main section#intro{padding:0 0 80px;text-align:center}main section#intro .text p{color:#f7f7fa;font-family:Avenir-Book,Roboto,Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;margin-bottom:20px}main section#areas{display:flex;flex-direction:row;gap:100px;padding-bottom:60px}main section#areas .column{width:50%;background-color:#fff;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}main section#areas .column .header{width:100%;height:300px;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}main section#areas .column .header .logo{position:absolute;left:50%;top:50%;width:70%;transform:translate(-50%,-50%)}main section#areas .column .header .logo img{width:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(339deg) brightness(105%) contrast(102%)}main section#areas .column .header.header-infraoceans{background-image:url('../images/background-infraoceans.png')}main section#areas .column .header.header-infralgae{background-image:url('../images/background-infralgae.png')}main section#areas .column .header.header-infralgae .logo{width:45%}main section#areas .column .info{padding:30px}main section#areas .column .info .claim{color:#152969;font-family:Avenir-Black,Roboto,Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;margin-bottom:20px}main section#areas .column .info .text{color:#152969;font-family:Avenir-Book,Roboto,Arial,Helvetica,sans-serif;font-size:18px;line-height:26px;margin-bottom:20px}footer{color:#f7f7fa;font-family:Avenir-Book,Roboto,Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;margin-bottom:20px}@media (max-width:1024px){main section#areas{gap:50px}}@media (max-width:768px){main{padding:0 16px}main section#logo{padding:30vh 0 80px}main section#logo .logo{width:70vw}main section#intro{padding:0 0 80px}main section#intro .text p{color:#f7f7fa;font-family:Avenir-Book,Roboto,Arial,Helvetica,sans-serif;font-size:20px;line-height:24px;margin-bottom:22px}main section#areas{flex-direction:column}main section#areas .column{width:100%}}