.disclaimer,.howItWorks,.rafIntro,.rewards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recruit-a-friend{margin-top:50px;font-size:1.15em;color:#8eb1bc}@media (min-width:960px){.recruit-a-friend{margin-top:75px}}@media (min-width:1120px){.recruit-a-friend{margin-top:100px}}.rafInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1em;width:100%;max-width:1280px}.rafPageTitle{font-size:2.95em}@media (min-width:480px){.rafPageTitle{white-space:nowrap}}.rafSectionTitle{font-size:2.4em;text-align:center}.rafList h3,.rafPageTitle,.rafSectionTitle{color:#fff;font-family:Metronic,Verdana,Source Sans Pro,sans-serif;font-weight:400;text-transform:uppercase;text-shadow:0 0 1rem #009cff;margin:.25em 0}.rafList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.rafList-item{list-style-type:none;display:block}.rafIntro{background:#08000f url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/recruit-header_mobile-b389113e42.jpg) top/contain no-repeat;position:relative}.rafIntro:after{content:"";display:block;width:100%;height:11rem;background:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/blue_triangles-8c604574ab.png) center 10px no-repeat;position:absolute;left:0;bottom:0}@media (min-width:800px){.rafIntro{background-image:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/recruit-header-42c512cc5d.jpg);background-position-y:-110px;background-size:1600px;height:500px}}@media (min-width:1120px){.rafIntro{background-size:auto;background-position-y:-76px;background-position-x:calc(50% + 18px)}}.rafIntroInner{padding:45% 0 0}@media (min-width:800px){.rafIntroInner{padding:0}}.rafIntroContent{padding:1em;width:100%}@media (min-width:800px){.rafIntroContent{padding:0;width:400px;margin:0 auto;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@media (min-width:1120px){.rafIntroContent{-webkit-transform:translateX(-330px);transform:translateX(-330px)}}.rafIntroHeading{font-size:3rem}.rafIntroDesc{width:100%}.howItWorks{background:#08000f url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/infographic_mobile-37bc720cd2.png) center 32px no-repeat;background-size:contain;position:relative}.howItWorks:after{content:"";display:block;width:100%;height:11rem;background:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/blue_triangles-8c604574ab.png) center 10px no-repeat,url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/small_blue_triangles-54c71a870b.png) bottom no-repeat;position:absolute;left:0;bottom:0}@media (min-width:800px){.howItWorks{background-image:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/infographic-0ff6bedf3c.jpg);background-position-x:top}}@media (min-width:1120px){.howItWorks{background-position-y:0;background-size:1450px}}.howItWorksTitle{white-space:nowrap}.howItWorksList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:60%;margin-bottom:3%;width:100%}@media (min-width:800px){.howItWorksList{margin-top:45%;width:600px}}@media (min-width:1120px){.howItWorksList{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:auto;margin-top:53%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:1280px){.howItWorksList{margin-top:50%}}.howItWorksList-item{width:100%}.howItWorksList-item p{margin-bottom:.5em}@media (min-width:1120px){.howItWorksList-item{-webkit-box-flex:0;-ms-flex:0 0 330px;flex:0 0 330px;margin:1em}}.howItWorksListTitle{font-size:1.5em}.rewards{background-image:-webkit-gradient(linear,left top,left bottom,from(#1c0c42),to(#05040d));background-image:linear-gradient(180deg,#1c0c42,#05040d)}.rewardsInner{background:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/veteran_reward-00ed2ffd02.png) top no-repeat;background-size:contain;width:100%}@media (min-width:800px){.rewardsInner{background-size:auto;background-position-x:calc(50% + 230px);background-position-y:-35px}}.rewardsContent{padding:1em 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rewardsSubTitle{color:#fff;text-align:left;font-size:1.6em;margin:1em 0 0;text-transform:uppercase}.rewardsListTitle{color:#66b3ff;font-family:Metronic,Verdana,Source Sans Pro,sans-serif;font-size:1em;font-weight:400;margin:0;text-transform:uppercase}.rewardImage{display:block;margin-bottom:1em;width:100%}p.veteranRewardDesc{color:#fff}p.veteranRewardDesc span{color:#66b3ff}p.recruitRewardDesc{color:#fff}.veterans{width:100%;max-width:1060px;min-height:365px}.veteransInner{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:800px;padding-top:40%}@media (min-width:800px){.veteransInner{max-width:400px;padding-top:0}}@media (min-width:960px){.veteransInner{max-width:500px}}.veteransContent p{font-size:1.15em}.veteranRewards{width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:640px){.veteranRewards{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.veteranReward{width:auto;margin:0 2em 0 0}p.veteranRewardDesc{font-size:1em;font-weight:300}.recruits{width:100%;background-color:#1c0c42;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.recruits:before{content:"";position:absolute;display:block;width:100%;height:1rem;background:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/blue_divider-ea71d5ec85.png) center 6px no-repeat;bottom:100%;left:0}.recruitsInner{width:100%;max-width:1060px}.recruitsContent{padding:1em}@media (min-width:1120px){.recruitsContent{padding:0}}.recruitRewards{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.recruitReward{margin:0 1em;width:100%}@media (min-width:480px){.recruitReward{width:400px}}.disclaimer{position:relative}.disclaimer:before{content:"";position:absolute;display:block;width:100%;height:1rem;background:url(https://static.heroesofthestorm.com/images/game/recruit-a-friend/blue_divider-ea71d5ec85.png) center 6px no-repeat;bottom:100%;left:0}.disclaimerInner{width:100%;max-width:1060px}@media (min-width:800px){.disclaimerInner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.disclaimerImg{margin-top:-1em;width:134px;height:105px}@media (min-width:800px){.disclaimerImg{margin-top:0}}.disclaimerList{color:#8eb1bc;font-size:1em;font-style:italic;line-height:1.5em;list-style-type:disc;list-style-position:inside;vertical-align:top;width:100%;padding:0}