header .nav-belt                                { max-width: 1200px; margin:0 auto; }
header figure                                   { width: 298px; padding: 15px; }
header a.nav-item                               { float: right; color:#231F20; font: 500 22px/80px 'IBM Plex Sans'; }
.splash .module_text h1                         { font: normal 700 56px/58px 'IBM Plex Sans'; width: 60%; margin: 1.5em auto .5em auto; }
.splash .module_text h2                         { padding: 0 8%; }
a.take-survey, a.take-survey:hover, a.btn       { background-color:#fff; border-radius: 2px; color:#DD291E; }
.card                                           { background-color: transparent; padding:0; }
.card img                                       { max-width: none; max-width: 228px; margin-bottom: 4em; }
.module_survey h2                               { text-transform: uppercase; color:#595959; font: normal normal 27px/16px 'IBM Plex Sans'; margin: 1em 0;}
.module_survey .user-fields-form h2             { text-transform: none; color:#DD291E; font: 700 54px/58px 'IBM Plex Sans'; margin: 1em 0; }
.module_survey p.survey-lede                    { color:#231F20; font: 500 34px/40px 'IBM Plex Sans'; width: 70%; }
.results-page h2, .module_survey h1, .module_text h1,.category-description
                                                { color:#DD291E; } 
.category-description                           { font-size: 34px; }
li.category:nth-child(3)                        { margin-top: 0; }
.module_survey .question > h3, .question.dot label                   
                                                { color:#2d2d2d; font: normal normal 26px/32px 'IBM Plex Sans'; }
.category-donut-detail h3                       { color:#595959; text-transform: uppercase; font-size: 26px; font-weight: 400; }
.category-donut-detail h4                       { color:#DD291E; }
.category-donut-detail p                        { color:#2d2d2d; border-bottom: 0; font-size: 18px; }
.category-donut-detail li                       { color:#2d2d2d; font-size: 18px; }
.favorite                                       { display: none; }
.question.dot li span:hover                     { border: 4px #DD291E solid; }
.question.dot input:checked + span              { background-color: #DD291E; }
.page-tools.stuck a.callout                     { background-color:#DD291E !important; }
.page-tools.stuck a.callout:hover               { color: #DD291E !important; border: 2px #DD291E solid; }
nav .bar,nav .bar:after                         { background-color:#DD291E; }
nav .progress,nav .bar:after                    { border: 2px #DD291E solid; }
nav.nav-area span                               { color:#DD291E;}
.module_survey button, a.next, a.prev, input[type="submit"], input.submit-survey
                                                { background-color:#DD291E; border-radius: 2px; font-size: 33px; }
.results-page-teaser                            { position: static; right: auto; padding:0; background-color: none; width: auto; background-color: transparent; }
.results-page-teaser .overall-score-donut-teaser       { margin: 0 auto; }
.results-page-teaser .overall-score-donut-teaser h2    { color:#DD291E; text-transform: none; line-height: 32px; width: 60%; margin:0 auto;}
.results-page-teaser .overall-score-donut-teaser span  { color:#2d2d2d; font-size: 40px; font-weight: 400; padding:0; }
.results-page-teaser .overall-score-donut-teaser .score{ font-size: 78px; font-weight: 700; color:#DD291E; }
.overall-score-donut                            { width: 100%; margin: 0 auto; }
.user-fields-form                               { position: relative; width: calc(90% - 150px); }
.user-fields-form p,.results-page-teaser p      { font-size: 26px; color:#2d2d2d; }
.user-fields h2, .user-fields p                 { width: 95%; }
.form-fields-column                             { padding: 2em; }
.teaser-book                                    {padding: 2em 2em 1em 2em; position: absolute; left: 100%; top: 115px; width: 300px; z-index: 100; }
#form_survey .container.active                  { background: none; }
#form_survey .container.active:before           { display: none; }
#form_survey .container.active                  { background:  url('/-/media/Resource-Media-Content/Corporate/Images/Innosight-Assessment.jpg') no-repeat 0 150%; } 

.user-fields input[type="text"]:focus, .user-fields textarea:focus
                                                { border-color:#DD291E; }
.user-fields .has-value label,.user-fields .on-focus label,.donut-wrapper .score
                                                { color:#DD291E; }
.donut-wrapper .score                           { font: 700 60px/58px 'IBM Plex Sans'; }
.donut-wrapper .center-label                    { color:#2d2d2d; font-size: 26px; font-weight: 400; }
.donut-row                                      { margin: 1em 0 3em 0; border-bottom: 1px #E6E6E6 solid; padding-bottom: 3em; }
.user-fields select:focus                       { border-color:#DD291E; box-shadow: 0 0 1px 1px rgba(221, 41, 30, 1); box-shadow: 0 0 0 1px -moz-mac-focusring; }
ul.beans                                        { margin-top: 1.5em; }
h3.bean-title                                   { text-transform: none; font-weight: 700; font-size: 18px; margin-top: 3em; }

footer .footer-box                              { max-width: 1200px; margin:0 auto; border-bottom: 1px #676a6c solid; }
footer .logo                                    { width: 200px; }
footer p.slogan                                 { color:#fff; }

.overalls                                       { border-bottom: 1px #E6E6E6 solid; text-align: center; }
.overalls p                                     { margin: 2em 2.5em; }
@media only screen and (max-width: 48em) 		/* 768px */
{
    .card img                                   { width: 100%; margin:0; float: none; }
    .splash .module_text h1                     { font-size: 2.5em !important; }
    nav a.button                                { padding: 1em; font-size: 18px; }
    .overalls,.donut-row                        { display: block; }
    .overalls p                                 { margin:0; }
    .teaser-book                                { position: static; }
    .user-fields-form                           { width: 100%; }
    .user-fields input.submit-survey            { font-size: 18px; }
}