@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:300;src:url(../oswald-latin-300-normal.dab3d2a5.woff2)format("woff2"),url(../oswald-latin-300-normal.3b1774cb.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(../oswald-latin-400-normal.2c8f1640.woff2)format("woff2"),url(../oswald-latin-400-normal.1793c2f5.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(../oswald-latin-500-normal.f4247b7e.woff2)format("woff2"),url(../oswald-latin-500-normal.e290f3cc.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:300;src:url(../raleway-latin-300-normal.f6353e74.woff2)format("woff2"),url(../raleway-latin-300-normal.02d5f880.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(../raleway-latin-400-normal.1f8178b9.woff2)format("woff2"),url(../raleway-latin-400-normal.b5ca312c.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:500;src:url(../raleway-latin-500-normal.4dc6f2fe.woff2)format("woff2"),url(../raleway-latin-500-normal.b36f5d2d.woff)format("woff")}.mpg html,body{max-width:100%;overflow-x:hidden}.mpg body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.mpg h1{text-shadow:1px 1px 20px #2ee7ff;font-size:80px;line-height:1}.mpg h1,.mpg h2{font-family:Oswald,sans-serif;font-weight:800}.mpg h2{font-size:40px;line-height:1.3}.mpg h3{font-size:30px}.mpg h3,.mpg h4{font-family:Raleway,sans-serif;font-weight:800;line-height:1}.mpg h4,.mpg p{font-size:18px}.mpg p{font-family:Raleway,sans-serif;font-weight:500;line-height:1}.mpg .purple{color:#9fa5d6;line-height:1.5}.mpg .blue{color:#2ee7ff;line-height:1.3}.mpg .px40{font-size:40px}.mpg .px30{font-size:30px}.mpg .mt-200{margin-top:200px}.mpg .mt-100{margin-top:100px}.mpg .mt-80{margin-top:80px}.mpg .mt-40{margin-top:40px}.mpg .mt-30{margin-top:30px}.mpg .lh-2{line-height:1.7}.mpg .mb-50{margin-bottom:50px}.pl-0{padding-left:0}.mpg-user{padding-left:40px}.mpg .mpg-banner .banner-laptop{margin-top:20px}.mpg{background:#000;margin:auto 0;overflow:hidden}.mpg .mpg-banner{position:relative}.mpg .banner-img{z-index:10;position:absolute}.mpg .banner-img2{width:100%;top:32%}.mpg .banner-element,.mpg .banner-img2,.mpg .banner-img3{z-index:11;position:absolute}.mpg .banner-element{width:15%;bottom:0;right:0}.mpg .banner-section{text-align:center;z-index:20;padding-top:60px;position:relative}.mpg .mpg-brief{margin-top:-20vh}.mpg ul{list-style:none}.mpg .brief-list li{position:relative}.mpg .brief-list p{margin-bottom:12px}.mpg .mpg-brief .brief-section{z-index:20;position:relative}.mpg .brief-text:after{content:"";background:#2ee7ff;width:100%;height:2px;margin-top:15px;display:block}.mpg .mpg-brief .row .col-lg-4{margin-top:40px}.mpg .mpg-overview{z-index:20;margin-top:160px;position:relative}.mpg .mpg-title{text-shadow:1px 1px 20px #2ee7ff;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.mpg .mpg-title:before{content:"";background:#2ee7ff;width:4px;height:100px;display:block;position:absolute;top:-120px;left:50%}.mpg .mpg-text-left{padding-left:10%}.mpg .challenge-section{position:relative}.mpg .challenge-element{z-index:10;position:relative;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.mpg .challenge-element2{z-index:20;position:absolute;top:0;left:0}.mpg .line-p:before{content:"";background:#2ee7ff;width:25px;height:3px;margin-bottom:5px;margin-right:12px;display:inline-block}.mpg .challenge-section .mpg-number{font-family:Oswald,sans-serif;font-size:50px;font-weight:800;line-height:1}.mpg .mpg-research{margin-top:200px;position:relative}.mpg .persona{position:relative}.mpg .persona .persona-element{width:20%;position:absolute;top:0;right:0;-webkit-transform:rotateX(30deg);-moz-transform:rotateX(30deg);-ms-transform:rotateX(30deg);transform:rotateX(30deg)}.mpg .mpg-research .user-list{margin-left:4%;position:relative}.mpg .mpg-research .user-list li{position:relative}.mpg .mpg-research .user-list p{margin-bottom:17px}.mpg .mpg-research .user-list p:before{content:"";background:#2ee7ff;border-radius:100%;width:10px;height:10px;margin-right:12px;display:inline-block}.mpg .mpg-research .user-journey{position:relative}.mpg .mpg-research .journey-element{z-index:10;width:100%;position:absolute;top:-80px}.mpg .mpg-research .journey-section{z-index:20;position:relative}.mpg .mpg-research .sketch{position:relative}.mpg .mpg-research .flowchart-section{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.mpg .mpg-research .flowchart-element{width:15%;position:absolute;bottom:0;left:-20%}.mpg .mpg-research .dashboard-img{width:80%}.mpg .wireframe{position:relative}.mpg .wireframe .wireframe-section{z-index:20;position:relative}.mpg .wireframe .wireframe-element{z-index:20;width:10%;position:absolute;bottom:-15vh;right:0}.mpg .wireframe .wireframe-img{z-index:10;width:100%;position:absolute;bottom:-40vh}.mpg .visual-design{position:relative}.mpg .visual-design .visual-section{z-index:20;position:relative}.mpg .visual-design .mpg-colors .row{text-align:center}.mpg .visual-design .typography-section{margin-bottom:80px;position:relative}.mpg .visual-design .typography-section .type-1{color:#fff;font-family:Oswald,sans-serif;font-weight:800;line-height:1.3}.mpg .visual-design .typography-section .type-2{color:#fff;font-family:Raleway,sans-serif;font-weight:300;line-height:1.3}.mpg .visual-design .typography-section .vectors{text-align:center}.mpg .website-design,.mpg .website-design .mpg-backend{position:relative}.mpg .website-design .website-section{z-index:20;position:relative}.mpg .website-design .website-element{z-index:10;position:absolute;top:15%;left:15%}.mpg .website-design .website-element2{z-index:10;position:absolute;top:40%;left:0}.mpg .website-design .website-element3{z-index:10;width:20%;position:absolute;bottom:25%;right:0}.mpg .mpg-backend{margin-bottom:100px;position:relative}.mpg .mpg-backend .backend-section{z-index:20;position:relative}.mpg .mpg-backend .backend-vector{z-index:10;width:100%;position:absolute;bottom:-100vh}
/*# sourceMappingURL=mpg.css.map */