html,body{height:100%;padding:0;margin:0}body{font:100% "Source Sans Pro",Helvetica,sans-serif;color:#333;padding:0;margin:0;display:flex;flex-direction:column}.container{width:100%;max-width:950px;margin:0 auto}#banner{background:#D1479B;display:block;padding:10px 20px 10px 55px;color:white;background-position-y:center;background-position-x:20px;background-image:url("/theme/images/icon-important.png");background-image:-webkit-image-set(url("/theme/images/icon-important.png") 1x,url("/theme/images/icon-important@2x.png") 2x);background-image:image-set(url("/theme/images/icon-important.png") 1x,url("/theme/images/icon-important@2x.png") 2x);background-repeat:no-repeat;font-weight:300;font-size:15px}#banner b{font-weight:900;margin-right:10px}header{padding:22px 38px 0 38px;background:#3D2250}header section{border-radius:4px;background:#331D42;padding:15px 20px 20px 20px;color:white;max-width:490px;margin-top:25px}header section h1{overflow:hidden;width:100%;padding:0;font-size:30px;margin:0}header section p{padding:0;font-size:16px;font-weight:lighter;margin-bottom:25px;letter-spacing:.5px}header section p a{text-decoration:none;color:#FF2C75;font-weight:500}header section p a:hover{text-decoration:underline}header section .cleaner{clear:both}header section .download{float:right;font-size:17px;background:#CF469A;display:block;width:120px;color:white;text-decoration:none;padding:8px 25px;border-radius:17px;text-align:center}header section .download:hover{background:#C8285F}header section h1 b{color:#D1479B}header nav{color:white}header nav ul{margin-top:-45px;list-style-type:none;float:right;max-width:235px;width:100%;display:flex;flex-flow:row wrap;justify-content:center}header nav ul li{flex-grow:1;text-align:center}header nav a{font-size:16px;display:block;text-align:center;color:white;padding:10px 0;text-decoration:none;font-weight:bold;text-transform:uppercase}header nav a:hover{text-decoration:underline}header nav #logo{width:73px;height:58px;background-size:contain;background-repeat:no-repeat;background-image:url("/theme/images/logo.png");background-image:-webkit-image-set(url("/theme/images/logo.png") 1x,url("/theme/images/logo@2x.png") 2x);background-image:image-set(url("/theme/images/logo.png") 1x,url("/theme/images/logo@2x.png") 2x)}#phone{height:407px;width:230px;float:right;margin-top:-206px;background-repeat:no-repeat;position:relative;background-image:url("/theme/images/rocket.png");background-image:-webkit-image-set(url("/theme/images/rocket.png") 1x,url("/theme/images/rocket@2x.png") 2x);background-image:image-set(url("/theme/images/rocket.png") 1x,url("/theme/images/rocket@2x.png") 2x)}#back-clouds{margin-top:60px;margin-left:-38px;margin-right:-38px;background-repeat:repeat-x;height:136px;background-image:url("/theme/images/back-cloud.png");background-image:-webkit-image-set(url("/theme/images/back-cloud.png") 1x,url("/theme/images/back-cloud@2x.png") 2x);background-image:image-set(url("/theme/images/back-cloud.png") 1x,url("/theme/images/back-cloud@2x.png") 2x)}#front-clouds{margin-left:-38px;margin-top:-100px;background-repeat:repeat-x;margin-right:-38px;height:115px;background-image:url("/theme/images/front-cloud.png");background-image:-webkit-image-set(url("/theme/images/front-cloud.png") 1x,url("/theme/images/front-cloud@2x.png") 2x);background-image:image-set(url("/theme/images/front-cloud.png") 1x,url("/theme/images/front-cloud@2x.png") 2x)}h3#preview-title{margin-top:0;color:black;font-size:28px;text-align:center;font-weight:300}h3#preview-title b{font-weight:500;padding:0 5px;background:#FF2C75;color:white}section#body{padding:0;background:white;flex-grow:1;flex-flow:row wrap;justify-content:center;display:flex;text-align:center;margin:0 auto}section#body article{width:220px;flex-grow:1;margin:20px 10px}section#body .icon{margin:0 auto;width:48px;height:48px}section#body #trend-icon{background-image:url("/theme/images/trend-icon.png");background-image:-webkit-image-set(url("/theme/images/trend-icon.png") 1x,url("/theme/images/trend-icon@2x.png") 2x);background-image:image-set(url("/theme/images/trend-icon.png") 1x,url("/theme/images/trend-icon@2x.png") 2x)}section#body #http3-icon{background-image:url("/theme/images/http3-icon.png");background-image:-webkit-image-set(url("/theme/images/http3-icon.png") 1x,url("/theme/images/http3-icon@2x.png") 2x);background-image:image-set(url("/theme/images/http3-icon.png") 1x,url("/theme/images/http3-icon@2x.png") 2x)}section#body #traffic-icon{background-image:url("/theme/images/traffic-icon.png");background-image:-webkit-image-set(url("/theme/images/traffic-icon.png") 1x,url("/theme/images/traffic-icon@2x.png") 2x);background-image:image-set(url("/theme/images/traffic-icon.png") 1x,url("/theme/images/traffic-icon@2x.png") 2x)}@media screen and (max-width:700px){#phone{float:none!important;margin:30px auto -200px auto!important}}@media screen and (max-width:550px){nav{padding:10px}header{padding:0}section{margin:10px 15px 0 15px!important}section#body article{width:100%!important}#back-clouds{margin-left:0!important;margin-right:0!important}#front-clouds{margin-left:0!important;margin-right:0!important}}@media screen and (max-width:340px){#logo{opacity:0}header nav ul{float:none!important}}