body,h4,html{padding:0;font-family:Poppins,sans-serif}.large-heading,body,h1,h2,h3,h4,h5,h6,html{font-family:Poppins,sans-serif}.post-title,h1{font-size:36px}.reveal,section{position:relative}.background,.solution{height:100vh}.colour-container,.inline{display:inline-block}html{background-color:#fff}body,html{height:100%;width:100%;margin:0}body{overflow-x:hidden}a{text-decoration:none;color:inherit}h1{font-weight:400}.large-heading,h3,h5,h6{font-weight:600}h4{margin:0 0 10px;font-weight:400}.post-title{font-weight:700}.uppercase{text-transform:uppercase}.reveal{transform:translateY(50px);opacity:0;transition:1s}.reveal.active{transform:translateY(0);opacity:1}section{width:100%;margin:50px 0}.introduction{background-color:transparent;height:100vh;margin:0}.background{width:100vw;background:linear-gradient(298deg,#f2ebe8 0,#fff 100%);filter:blur(30px);position:absolute}.breakdown:last-child,.colour-container,.container,.description,.info,.mockup,.user,.users{position:relative}.container{margin:3em 8em;text-align:left}.introduction .container{height:50vh;text-align:center;top:50%;transform:translateY(-50%)}.container .breakdown{display:inline-block;position:relative;height:100%;text-align:left}.section{margin:15px 0}.section span{display:block}.section span:first-child{text-transform:uppercase;color:#6d5a52}.breakdown:first-child{float:left}.breakdown:last-child{float:right;width:50%;display:block}.info{top:25%;transform:translateY(-25%)}hr{background:linear-gradient(to right,#bca79d,#00000000);height:1px;border:none}.colour,.persona{border-radius:.7em}.intro-heading p{font-size:21px;margin:50px 0}.mockup{margin:0 auto}.wireframe{width:80%;margin:50px 0}.description{margin:0 auto}.margin{margin-top:100px}.users{width:100%}.user{margin:60px auto}.persona{height:300px;width:auto;margin:0}.colour-container{margin:0 auto;height:200px;width:200px;text-align:center}.colour,.colour-container p{width:150px;left:50%;transform:translateX(-50%)}.colour,.wave{position:absolute}.colour{height:150px}.colour-container p{position:absolute;bottom:0}.wave{opacity:.5;transition:.3s;rotate:180deg;bottom:0}@media only screen and (max-width:530px){.wave{height:80vh}}@media only screen and (max-width:767px){.breakdown:last-child,.large-skew,.small-skew{margin:0 auto;position:relative}.large-heading{font-size:20px}.introduction .container{width:80%;top:50%;transform:translateY(-50%);position:relative;height:50vh}.breakdown:first-child,.persona,.small-skew,.wireframe,p{width:100%}.breakdown{display:block}.large-skew{height:100%}.showcase img{width:200px;border-radius:.7em;position:relative}.container{margin:0 2em}.description{width:100%;margin-bottom:3em}.margin{margin:2em}.persona{height:auto}}@media only screen and (max-width:991px){.introduction{height:130vh}#mobile-bg{height:120vh}.introduction .container{top:15%;transform:translateY(-15%)}.container{margin:0 2em}.breakdown:first-child,.small-skew{width:100%}.breakdown:last-child{float:none;width:100%;position:relative}.large-skew{height:100%;margin:0 auto;position:relative;display:block}}@media only screen and (min-width:768px){.wave{width:100vw}.intro-heading p{width:600px}.showcase img{width:200px;border-radius:.7em}.large-heading{font-size:1.8em}}@media only screen and (min-width:992px){.large-skew,.side-content,.small-skew{position:absolute;top:50%;transform:translateY(-50%)}.large-heading{font-size:2em}.introduction .container{margin:0 8em}.small-skew{width:100%;right:0}.large-skew{height:100%;left:0}#left-img{width:40%;position:relative}}