section{align-items:center;min-height:100vh;display:flex;position:relative}section>*{z-index:3}section>img{-o-object-fit:cover;object-fit:cover;width:60%;height:60%;margin-left:-10%}@-moz-document url-prefix(){section>img{width:200%}}section>.text-container{flex-direction:column;align-items:center;margin-left:5vw;margin-right:5vw;display:flex}section>.text-container>h1{margin-bottom:10%;font-size:clamp(20px,2.5vw,5.4rem)}section>.text-container>p{font-size:clamp(20px,1vw,40px)!important}section a.know_more{color:#00184b;border:2px solid #00184b;border-radius:30px;margin-top:20px;margin-left:-100%;padding:10px;font-size:18px;font-weight:600;transition:all .5s;transform:translate(50%)}section a.know_more:hover{color:#fff;background:#00184b}@media screen and (min-width:768px){section>img{border-top-right-radius:50%;border-bottom-right-radius:50%}section.inverted{flex-direction:row-reverse}section.inverted>img{border-radius:50% 0% 0% 50%;margin-left:0;margin-right:-10%}section.rotated{z-index:2;height:140vh}section.rotated>*{z-index:10;margin-top:-10%}section.rotated:before{content:"";z-index:-1;background:linear-gradient(45deg,#01386b,#81b8eb);width:140%;height:100%;transition:transform 1s 1s;position:absolute;top:0;left:0;transform:rotate(-5deg)translate(-10%)translateY(-10%)}section.triangle{color:#fff;background:#00184b}section.triangle>*{margin-top:-10%!important}section.triangle:after{content:"";z-index:2;background:inherit;border-radius:50%;width:130vw;height:35vh;position:absolute;top:0;left:50%;transform:translate(-50%,-25vh)}.wavy{background:linear-gradient(#00184b,#fff 1%)}section.wavy .text-container{align-items:start;width:30%}section.wavy svg{width:100%;position:absolute;top:0;margin-top:0%!important}section.rotated{opacity:0;pointer-events:none;transition:opacity .5s}section.rotated.active{pointer-events:all;opacity:1;transition:opacity .5s 1s}section.mission .text-container,section.formations .text-container{margin-top:-10%}.last{margin-top:-15%}}@media screen and (min-width:1400px){section.mission .text-container,section.formations .text-container{margin-top:0%}}@media screen and (max-width:768px){section{margin-top:5vh;margin-bottom:5vh;flex-direction:column!important;min-height:0!important}section>img{width:100%;margin:0!important}section>.text-container>h1{text-align:center;width:80%;margin-top:15%;font-weight:700}section p{text-align:center;width:80%!important}}