.header{display:grid;grid-gap:20px;padding-top:36px}@media screen and (min-width: 768px){.header__col{position:relative}.header__col:first-child{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, auto);grid-column:1/3;grid-row:1;z-index:2}.header__col:last-child{grid-column:2;grid-row:1;z-index:1}}.header__logo{width:170px}@media screen and (min-width: 1240px){.header__logo{width:280px}}.header__title{font-size:2rem;margin:24px 0 0;white-space:pre-wrap}@media screen and (min-width: 1240px){.header__title{margin-top:40px;font-size:3rem}}.header__list{font-size:.875rem;list-style:none;margin:16px 0 0;padding:0}.header__item{display:grid;grid-template-columns:auto 1fr;grid-gap:4px}.header__item::before{content:url(../img/bullet.9b1c64da.svg);display:block}.header__cta{background:#d518ff;border:0;border-radius:4px;color:#fff;display:block;font-family:inherit;font-size:1rem;padding:14px 16px;text-align:center}@media screen and (min-width: 768px){.header__cta{align-self:start;width:300px}}.header__img{display:block;margin:0 auto;width:100%;max-width:375px}.header__img>img{display:block;margin:0 auto;max-width:100%;width:auto}@media screen and (min-width: 768px){.header__img{max-width:660px}}.header__footer{display:flex;flex-direction:column;grid-gap:14px;margin:24px auto 0}@media screen and (min-width: 768px){.header__footer{flex-direction:row;grid-column:1/3;grid-row:-1;margin:30px 0 0}}.header__app-rating{align-self:center;display:block;max-width:340px;width:100%}.header__app-rating>img{width:100%}@media screen and (min-width: 768px){.header__app-rating{max-width:523px}}@media screen and (min-width: 768px){.header{align-items:center;grid-gap:0;grid-template-columns:repeat(2, 1fr)}}