.heading__title{margin-bottom:24px;display:flex}.heading__badge{flex:0}.heading__text{flex:auto}.heading h1 .badge{margin-right:16px}@media only screen and (min-width:768px){.heading h1 .badge{font-size:36px;width:60px;height:60px;margin-right:24px}}.heading h2 .badge{margin-right:16px}@media only screen and (min-width:768px){.heading h2 .badge{font-size:24px;width:49px;height:49px;margin-right:16px}}.heading h3 .badge{margin-right:16px}@media only screen and (min-width:768px){.heading h3 .badge{font-size:20px;width:39px;height:39px;margin-right:16px}}.heading h4 .badge{margin-right:12px}@media only screen and (min-width:768px){.heading h4 .badge{font-size:16px;width:31px;height:31px;margin-right:16px}}.heading h5 .badge{margin-right:8px}@media only screen and (min-width:768px){.heading h5 .badge{font-size:14px;width:25px;height:25px;margin-right:8px}}.heading h6 .badge{margin-right:8px}@media only screen and (min-width:768px){.heading h6 .badge{font-size:12px;width:20px;height:20px;margin-right:8px}}@media only screen and (min-width:768px){.heading--center .heading__title,.heading--center .heading__body{text-align:center;padding-left:56px;padding-right:56px}}@media only screen and (min-width:768px){.heading--center.heading--badge .heading__title{display:block}.heading--center.heading--badge .heading__title .badge{margin-right:0}}.heading--center.heading--badge .heading__badge{display:inline-block;vertical-align:top}@media only screen and (min-width:768px){.heading--right .heading__title,.heading--right .heading__body{padding-left:56px}}@media only screen and (min-width:768px){.heading--left .heading__title,.heading--left .heading__body{padding-right:56px}}.heading--full-width .heading__title,.heading--full-width .heading__body{padding-left:0;padding-right:0}