*{box-sizing:border-box}html{height:100%}body{min-height:100%}a,a:hover,a:active{text-decoration:none;color:#1e124d}body{font-family:'Lato',sans-serif;font-size:12px;background:url(http://matopat-global.com/images/xbg.jpg.pagespeed.ic._ZYybgsMpk.jpg) no-repeat -400px top;background-size:cover;color:#1e124d;display:flex;flex-direction:column;margin:0}.wrapper{max-width:990px;margin:0 auto;flex-grow:1;padding:0 15px}header{text-align:center;padding-top:20px}header img{max-width:100px;height:auto;display:block;margin:0 auto}header h1{font-size:24px;font-weight:300;color:#1e124d;position:relative;display:inline-block}header h1 span:first-of-type{font-weight:400;font-size:46px}.content{max-width:660px;text-align:center}.content>span{font-size:14px}.content h2{font-size:30px;font-weight:300;margin-bottom:30px}.content ul{list-style:none;padding-left:0;text-align:left}.content ul li{margin:10px 0;position:relative}.content ul li:after{content:"";background:url(http://matopat-global.com/images/arrow.svg) no-repeat;position:absolute;width:25px;height:20px;top:50%;right:20px;transition:all 200ms;transform:translate(0%,-50%)}.content ul li:hover a{background:#3cbaea;color:#fff}.content ul li:hover:after{background:url(http://matopat-global.com/images/arrow-h.svg) no-repeat;transform:translate(25%,-50%)}.content .flex{display:flex;justify-content:space-between;flex-wrap:wrap}.content .flex .col{flex:0 0 100%}.content li a{font-size:14px;transition:all 200ms;background:#fff;display:block;padding:15px 30px;border-radius:50px;box-shadow: 0px 0px 25px #cccccc57}footer{width:100%;display:flex;justify-content:space-between;color:#ccc;padding:15px;align-items:center;flex-wrap:wrap}footer img{max-width:100px}footer p,footer>div{padding:0 5px}footer div>p{display:flex;align-items:center;padding:0}@media screen and (min-width:768px){.wrapper{min-width:600px}header img{max-width:150px}.content .flex .col{flex:0 0 240px}body{background-size:cover;background-position:center top}}@media screen and (min-width:992px){.content{text-align:left}header h1{font-size:42px;margin-top:0}header h1 span:first-of-type{font-size:62px}header h1 span:last-of-type{color:#fff;position:relative}header h1:after{content:"";position:absolute;background:url(http://matopat-global.com/images/marker.svg) no-repeat center;display:block;width:350px;height:80px;right:-95px;top:11px;z-index:-1}}@media screen and (min-width:1600px){.content li a{font-size:16px}.content .flex .col{flex:0 0 300px}header h1::after{width:480px;height:150px;right:-90px;top:-1px;z-index:-1}header img{max-width:200px}header h1{font-size:72px}header h1 span:first-of-type{font-size:92px}}