@font-face {
  font-family: 'TUITypeLightLATNW';
  font-display: auto;
  src: url("fonts/TUITypeLt_LATN_W_Rg.eot");
  src: url("fonts/TUITypeLt_LATN_W_Rg.eot?#iefix") format("embedded-opentype"), url("fonts/TUITypeLt_LATN_W_Rg.woff") format("woff"), url("fonts/TUITypeLt_LATN_W_Rg.ttf") format("truetype"); }

@font-face {
  font-family: 'TUITypeLightLATNW-Bold';
  font-display: auto;
  src: url("fonts/TUIType_LATN_W_Bd.eot");
  src: url("fonts/TUIType_LATN_W_Bd.eot?#iefix") format("embedded-opentype"), url("fonts/TUIType_LATN_W_Bd.woff") format("woff"), url("fonts/TUIType_LATN_W_Bd.ttf") format("truetype"); }

@font-face {
  font-family: 'Ambit-Regular';
  font-display: auto;
  src: url("fonts/Ambit-Regular.woff2") format("woff2"), url("fonts/Ambit-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Ambit-Italic';
  font-display: auto;
  src: url("fonts/Ambit-Italic.woff2") format("woff2"), url("fonts/Ambit-Italic.woff") format("woff"); }

@font-face {
  font-family: 'Ambit-Bold';
  font-display: auto;
  src: url("fonts/Ambit-Bold.woff2") format("woff2"), url("fonts/Ambit-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Ambit-BoldItalic';
  font-display: auto;
  src: url("fonts/Ambit-BoldItalic.woff2") format("woff2"), url("fonts/Ambit-BoldItalic.woff") format("woff"); }

@font-face {
  font-family: 'Ambit-Light';
  font-display: auto;
  src: url("fonts/Ambit-Light.woff2") format("woff2"), url("fonts/Ambit-Light.woff") format("woff"); }

@font-face {
  font-family: 'Ambit-LightItalic';
  font-display: auto;
  src: url("fonts/Ambit-LightItalic.woff2") format("woff2"), url("fonts/Ambit-LightItalic.woff") format("woff"); }

/*
 * Reset.
 */
h1, h2, h3, h4, h5, h6, html, body, p {
  margin: 0;
  padding: 0; }

p {
  line-height: 1.2;
  margin: 0 0 16px; }

/*
 * Fonts, colors, breakpoints.
 */
.panel .-region .-accent, body.quiz .chromeless-panel .-accent, body.quiz-result .chromeless-panel .-accent, header > .-content-block a.-visit, header > .-content-block a.-visit:link, header > .-content-block a.-visit:hover, header > .-content-block a.-visit:visited, .panel .-region h2, .button, footer .-content-block, body.quiz .chromeless-panel h2, body.quiz .quiz .-nav .-count, body.quiz-result .chromeless-panel h2 {
  font-family: "Ambit-Regular", sans-serif; }

.sub-header h1, .research > div .-circle, body.quiz-result .panel.-quiz-result .-social span {
  font-family: "Ambit-Bold", sans-serif; }

.panel .-region, body.quiz .chromeless-panel, body.quiz-result .chromeless-panel, body, body.quiz-result .chromeless-panel .-blue-composition .-copy h3, body.quiz-result .chromeless-panel .-blue-composition .-copy p {
  font-family: "TUITypeLightLATNW", sans-serif; }

header > .-content-block a.-logo, .sub-header .-crumb .-home-icon, .sub-header .-crumb .-arrow, body.quiz-result .panel.-quiz-result .-flex .-icon, body.quiz-result .panel.-quiz-result .-flex .-copy .-type > div, body.quiz-result .chromeless-panel .-blue-composition .-logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.hero, body.quiz .quiz .-answer.-image > div, body.quiz-result .chromeless-panel .-blue-composition {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

header > .-content-block a.-visit::after, .panel .-region h2 .-icon, body.quiz .chromeless-panel h2 .-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

header > .-content-block, .sub-header, .panel, body.quiz .chromeless-panel, body.quiz-result .chromeless-panel {
  max-width: 1048px;
  margin: auto; }

.panel .-region, body.quiz .chromeless-panel, body.quiz-result .chromeless-panel {
  font-size: 16px;
  line-height: 1.25;
  color: #092a5e; }
  .panel .-region .-accent, body.quiz .chromeless-panel .-accent, body.quiz-result .chromeless-panel .-accent {
    font-size: 18px; }

header, .hero, footer {
  margin: 0 -24px; }
  @media (max-width: 768px) {
    header, .hero, footer {
      margin: 0; } }

.desktop {
  display: none; }
  @media (min-width: 1025px) {
    .desktop {
      display: block; } }

.phone {
  display: none; }
  @media (max-width: 768px) {
    .phone {
      display: block; } }

.tablet-and-phone {
  display: none; }
  @media (max-width: 1024px) {
    .tablet-and-phone {
      display: block; } }

.tablet-and-desktop {
  display: none; }
  @media (min-width: 769px) {
    .tablet-and-desktop {
      display: block; } }

.tablet {
  display: none; }
  @media (min-width: 769px) and (max-width: 1024px) {
    .tablet {
      display: block; } }

html {
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-image: url(common/page-bg.svg); }
  @media (max-width: 768px) {
    html {
      background-image: url(common/page-bg-mobile.svg); } }

body {
  margin: 0 24px; }
  @media (max-width: 768px) {
    body {
      margin: 0; } }

@media (min-width: 769px) {
  .above-footer {
    min-height: calc(100vh - 80px - 40px); } }

header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background: white; }
  header > .-content-block {
    position: relative;
    height: 88px; }
    header > .-content-block a.-logo {
      background-image: url(common/tui-logo.svg);
      display: block;
      height: 40px;
      width: 91px;
      margin: 24px 0;
      position: absolute;
      left: 0;
      font-size: 0; }
    header > .-content-block a.-visit, header > .-content-block a.-visit:link, header > .-content-block a.-visit:hover, header > .-content-block a.-visit:visited {
      text-decoration: none;
      border-bottom: 1px solid #3567f6;
      font-size: 15px;
      color: #3567f6;
      position: absolute;
      right: 0;
      line-height: 16px;
      margin: 36px 24px 36px 0; }
    header > .-content-block a.-visit::after {
      background-size: 16px 16px;
      background-image: url(common/header-chevron.svg);
      position: absolute;
      right: -24px;
      top: 0;
      display: block;
      width: 16px;
      height: 16px;
      content: ""; }

.sub-header .-crumb {
  margin-top: 24px;
  margin-bottom: 24px; }
  .sub-header .-crumb .-home-icon {
    display: inline-block;
    background-image: url(common/header-home.svg);
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px; }
  .sub-header .-crumb .-home-link {
    color: #3567f6;
    padding-right: 8px; }
  .sub-header .-crumb .-arrow {
    display: inline-block;
    background-image: url(common/header-arrow.svg);
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px; }
  .sub-header .-crumb .-current {
    padding-left: 2px;
    color: #737373; }
  @media (max-width: 768px) {
    .sub-header .-crumb {
      padding: 0 16px; } }

.sub-header h1 {
  margin: 48px 0 40px 0;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #092a5e;
  font-size: 48px; }
  @media (max-width: 768px) {
    .sub-header h1 {
      padding: 0 16px; } }

.hero {
  height: 480px;
  margin-bottom: -24px; }
  @media (max-width: 768px) {
    .hero {
      margin: 16px;
      border-radius: 24px;
      height: 248px; } }

.panel {
  border-radius: 24px;
  border: 16px solid #f6fbff;
  background-color: #e2f3fe; }
  .panel .-region {
    border-radius: 16px;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    margin: 24px;
    padding: 24px; }
    .panel .-region h2 {
      padding-bottom: 12px;
      font-size: 24px;
      color: #092a5e;
      padding-left: 32px;
      position: relative; }
      .panel .-region h2 .-icon {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 3px;
        left: 0; }
        .panel .-region h2 .-icon.-wellness {
          background-image: url(icons/wellness.svg); }
        .panel .-region h2 .-icon.-expert {
          background-image: url(icons/expert.svg); }
        .panel .-region h2 .-icon.-sun-white {
          background-image: url(icons/sun-white.svg); }
        .panel .-region h2 .-icon.-question-circled {
          background-image: url(icons/question-circled.svg); }
        .panel .-region h2 .-icon.-chat {
          background-image: url(icons/chat.svg); }
    .panel .-region.-blue {
      border: solid 1px #dcdcdc;
      background-color: #092a5e;
      color: white; }
      .panel .-region.-blue h2 {
        color: white; }
  .panel .-region-img {
    margin: 24px 24px 0;
    width: calc(100% - 2 * 24px); }
  .panel .-panel-img {
    width: 100%; }
  @media (min-width: 769px) {
    .panel .-split-3-2 {
      display: flex; }
      .panel .-split-3-2 > :first-child {
        flex: 1 1 600px;
        margin-right: 0; }
      .panel .-split-3-2 > :nth-child(2) {
        flex: 1 1 300px; } }
  .panel .-has-bottom-button {
    position: relative;
    padding-bottom: 72px; }
    .panel .-has-bottom-button .-bottom.button {
      position: absolute;
      bottom: 16px;
      right: 16px; }
  .panel .-region.-blue .button {
    bottom: 0;
    right: 0; }

.button {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  min-width: 140px;
  padding: 0 20px 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #3567f6;
  background-color: #fff;
  text-decoration: none;
  color: #092a5e;
  display: block; }
  .button:hover {
    background-color: #e2f3fe; }
  .button.-full-width {
    left: 16px; }
  @media (max-width: 768px) {
    .button {
      left: 16px; } }

footer {
  background-color: #092a5e;
  margin-top: 40px; }
  footer .-content-block {
    max-width: 1048px;
    margin: auto;
    min-height: 80px;
    height: auto;
    line-height: 80px;
    color: white;
    font-size: 14px; }
    footer .-content-block a:link, footer .-content-block a:hover, footer .-content-block a:visited {
      color: white;
      text-decoration: none;
      display: inline-block;
      padding-right: 20px;
      padding-left: 20px; }
      footer .-content-block a:link:first-child, footer .-content-block a:hover:first-child, footer .-content-block a:visited:first-child {
        padding-left: 0; }
      @media (max-width: 768px) {
        footer .-content-block a:link, footer .-content-block a:hover, footer .-content-block a:visited {
          display: block;
          line-height: 50px;
          padding: 8px 40px !important; } }
    @media (max-width: 768px) {
      footer .-content-block span {
        display: none; } }

@media screen and (max-width: 1080px) {
  header .-content-block, footer .-content-block {
    margin-left: 16px;
    margin-right: 16px; } }

.content-block {
  max-width: calc(1048px + 32px);
  margin: 16px;
  border: 16px solid #f6fbff;
  border-radius: 24px;
  background-color: #e2f3fe; }

@media (min-width: 769px) {
  body.home .copy-cols {
    display: flex;
    margin: -24px; }
    body.home .copy-cols > * {
      flex-grow: 1;
      flex-shrink: 1;
      margin: 24px; }
    body.home .copy-cols > .-fixed {
      flex-grow: 0;
      flex-shrink: 0; }
      body.home .copy-cols > .-fixed img {
        width: 230px;
        height: 230px; }
    body.home .copy-cols > *:first-child {
      margin-right: 0; }
    body.home .copy-cols h2 {
      margin-bottom: 8px; } }

@media (max-width: 768px) {
  body.home .copy-cols img {
    height: 174px; } }

.research {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px; }
  .research > div {
    flex: 1 1 30%;
    margin: 8px;
    padding: 16px 24px;
    border-radius: 8px;
    border: solid 1px #dcdcdc;
    background-color: #fff; }
    @media (max-width: 768px) {
      .research > div {
        flex: 1 1 70%; } }
    .research > div .-circle {
      width: 72px;
      height: 72px;
      margin: 0 auto 16px;
      line-height: 72px;
      text-align: center;
      border: solid 3px #092a5e;
      border-radius: 100px;
      font-size: 21px;
      color: #d40e14; }
    .research > div .-copy {
      text-align: center; }

body.quiz .chromeless-panel h2 {
  padding-bottom: 12px;
  font-size: 32px;
  color: #092a5e;
  padding-left: 40px;
  position: relative; }
  body.quiz .chromeless-panel h2 .-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 3px;
    left: 0; }
    body.quiz .chromeless-panel h2 .-icon.-question-circled {
      background-image: url(icons/question-circled.svg); }

body.quiz .chromeless-panel .-wide-img {
  width: 100%;
  margin-bottom: 24px; }

@media (max-width: 768px) {
  body.quiz .chromeless-panel {
    padding: 16px; } }

body.quiz .quiz {
  margin: -8px;
  padding-top: 8px;
  padding-bottom: 100px;
  position: relative; }
  body.quiz .quiz .-answers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  body.quiz .quiz .-answer, body.quiz .quiz .-dummy {
    padding: 16px;
    margin: 8px;
    width: auto;
    flex: 1 1 18%; }
    @media (min-width: 769px) and (max-width: 1024px) {
      body.quiz .quiz .-answer, body.quiz .quiz .-dummy {
        flex: 1 1 30%; } }
    @media (max-width: 768px) {
      body.quiz .quiz .-answer, body.quiz .quiz .-dummy {
        flex: 1 1 60%; } }
  body.quiz .quiz .-answer {
    transition: transform 0.2s, background-color 0.5s;
    cursor: pointer;
    font-size: 18px;
    user-select: none;
    background: #f1f8ff;
    color: #1b2a5d;
    border-radius: 24px;
    border: 1px solid #eaf1f8;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px 0 rgba(0, 0, 0, 0.1); }
    body.quiz .quiz .-answer:hover {
      background-color: #b5c5e5;
      transform: scale(1.07); }
    body.quiz .quiz .-answer:active {
      transform: scale(0.93); }
    body.quiz .quiz .-answer.-selected {
      color: white;
      background-color: #1b2a5d;
      border: 1px solid #5069f2; }
    body.quiz .quiz .-answer.-image > div {
      color: white;
      min-width: 240px;
      min-height: 180px;
      border-radius: 8px;
      text-shadow: 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000;
      position: relative;
      font-size: 20px; }
      body.quiz .quiz .-answer.-image > div span {
        /*position: absolute;
                        bottom: 16px;
                        left: 16px;
                        right: 16px;
                        padding: 8px;
                        background: rgba(27, 42, 93, 0.6);
                        border-radius: 8px;*/
        display: none; }
      @media screen and (max-width: 400px) {
        body.quiz .quiz .-answer.-image > div {
          min-width: 180px;
          min-height: 180px; } }
  body.quiz .quiz .-dummy {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0; }
  body.quiz .quiz .-nav {
    position: absolute;
    right: 16px;
    bottom: 16px; }
    body.quiz .quiz .-nav .-count, body.quiz .quiz .-nav .button {
      display: inline-block; }
    body.quiz .quiz .-nav .-count {
      height: 40px;
      border: 2px solid #eee;
      border-radius: 8px;
      line-height: 40px;
      font-size: 18px;
      color: #333;
      text-align: center;
      margin-right: 16px;
      padding: 0 10px;
      min-width: 50px; }
    @media (max-width: 768px) {
      body.quiz .quiz .-nav {
        left: 16px;
        right: 16px;
        height: 40px; }
        body.quiz .quiz .-nav .-count, body.quiz .quiz .-nav .button {
          position: absolute;
          bottom: 0; }
        body.quiz .quiz .-nav .-count {
          left: 0; }
        body.quiz .quiz .-nav .button {
          left: auto;
          right: 0;
          width: calc(100% - 140px); } }
    @media screen and (max-width: 420px) {
      body.quiz .quiz .-nav .-count {
        top: -40px;
        left: 0;
        right: 0;
        width: auto;
        height: 40px;
        margin-right: 0; }
      body.quiz .quiz .-nav .button {
        top: 10px;
        left: 0;
        right: 0;
        width: auto; } }
  body.quiz .quiz .button.-disabled {
    border-color: silver;
    opacity: 0.5;
    cursor: not-allowed; }

body.quiz-result .panel.-quiz-result {
  margin-top: 24px;
  overflow: hidden; }
  body.quiz-result .panel.-quiz-result .-flex {
    display: flex; }
    @media (max-width: 768px) {
      body.quiz-result .panel.-quiz-result .-flex {
        display: block; } }
    body.quiz-result .panel.-quiz-result .-flex .-icon {
      flex: 1 1 500px;
      width: 500px;
      background-position: top center;
      margin-right: 16px; }
    body.quiz-result .panel.-quiz-result .-flex .-copy {
      flex: 1 1 800px; }
      @media (min-width: 769px) and (max-width: 1024px) {
        body.quiz-result .panel.-quiz-result .-flex .-copy {
          flex: 1 1 500px; } }
      body.quiz-result .panel.-quiz-result .-flex .-copy .-type {
        border: 1px solid rgba(125, 125, 125, 0.4);
        border-width: 1px 0;
        margin: 12px 0 24px;
        padding: 16px; }
        body.quiz-result .panel.-quiz-result .-flex .-copy .-type > div {
          height: 72px; }
        body.quiz-result .panel.-quiz-result .-flex .-copy .-type span {
          display: none; }
      body.quiz-result .panel.-quiz-result .-flex .-copy .-block {
        display: none; }
      @media (max-width: 768px) {
        body.quiz-result .panel.-quiz-result .-flex .-copy > .-type {
          display: none; }
        body.quiz-result .panel.-quiz-result .-flex .-copy .-block {
          display: flex;
          margin: 2px 0 4px; }
          body.quiz-result .panel.-quiz-result .-flex .-copy .-block .-type {
            flex: 1 1 250px;
            margin: 24px 16px 24px 0; }
          body.quiz-result .panel.-quiz-result .-flex .-copy .-block .-icon {
            flex: 1 1 250px;
            background-position: center; } }
  body.quiz-result .panel.-quiz-result .-social {
    float: right; }
    body.quiz-result .panel.-quiz-result .-social .-icons {
      white-space: nowrap;
      margin-left: -8px; }
    @media (max-width: 768px) {
      body.quiz-result .panel.-quiz-result .-social {
        float: none;
        marign: auto; } }
    body.quiz-result .panel.-quiz-result .-social span {
      font-size: 17px;
      padding-right: 16px; }
    body.quiz-result .panel.-quiz-result .-social img {
      display: inline-block;
      vertical-align: middle;
      padding: 4px; }
  body.quiz-result .panel.-quiz-result.-active-adventurer .-region {
    background: #fdffe3; }
  body.quiz-result .panel.-quiz-result.-active-adventurer .-icon {
    background-image: url(page-quiz-result/active-adventurer.png); }
  body.quiz-result .panel.-quiz-result.-active-adventurer .-copy .-type > div {
    background-image: url(page-quiz-result/active-adventurer-text.png); }
  body.quiz-result .panel.-quiz-result.-culture-connoisseur .-region {
    background: #e3f5f8; }
  body.quiz-result .panel.-quiz-result.-culture-connoisseur .-icon {
    background-image: url(page-quiz-result/culture-connoisseur.png); }
  body.quiz-result .panel.-quiz-result.-culture-connoisseur .-copy .-type > div {
    background-image: url(page-quiz-result/culture-connoisseur-text.png); }
  body.quiz-result .panel.-quiz-result.-playful-pioneer .-region {
    background: #f1fed9; }
  body.quiz-result .panel.-quiz-result.-playful-pioneer .-icon {
    background-image: url(page-quiz-result/playful-pioneer.png); }
  body.quiz-result .panel.-quiz-result.-playful-pioneer .-copy .-type > div {
    background-image: url(page-quiz-result/playful-pioneer-text.png); }
  body.quiz-result .panel.-quiz-result.-reclined-relaxer .-region {
    background: #efe8fe; }
  body.quiz-result .panel.-quiz-result.-reclined-relaxer .-icon {
    background-image: url(page-quiz-result/reclined-relaxer.png); }
  body.quiz-result .panel.-quiz-result.-reclined-relaxer .-copy .-type > div {
    background-image: url(page-quiz-result/reclined-relaxer-text.png); }
  body.quiz-result .panel.-quiz-result.-sensation-seeker .-region {
    background: #f8e8e7; }
  body.quiz-result .panel.-quiz-result.-sensation-seeker .-icon {
    background-image: url(page-quiz-result/sensation-seeker.png); }
  body.quiz-result .panel.-quiz-result.-sensation-seeker .-copy .-type > div {
    background-image: url(page-quiz-result/sensation-seeker-text.png); }
  body.quiz-result .panel.-quiz-result.-social-connector .-region {
    background: #faeef5; }
  body.quiz-result .panel.-quiz-result.-social-connector .-icon {
    background-image: url(page-quiz-result/social-connector.png); }
  body.quiz-result .panel.-quiz-result.-social-connector .-copy .-type > div {
    background-image: url(page-quiz-result/social-connector-text.png); }
  body.quiz-result .panel.-quiz-result.-spiritual-harmoniser .-region {
    background: #fbf1d2; }
  body.quiz-result .panel.-quiz-result.-spiritual-harmoniser .-icon {
    background-image: url(page-quiz-result/spiritual-harmoniser.png); }
  body.quiz-result .panel.-quiz-result.-spiritual-harmoniser .-copy .-type > div {
    background-image: url(page-quiz-result/spiritual-harmoniser-text.png); }
  body.quiz-result .panel.-quiz-result h2 {
    padding-left: 0;
    letter-spacing: 0.5px; }

body.quiz-result .chromeless-panel h2 {
  font-size: 24px;
  font-weight: 600;
  color: #092a5e;
  margin-top: 24px;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    body.quiz-result .chromeless-panel h2 {
      padding-left: 8px;
      font-size: 22px; } }

body.quiz-result .chromeless-panel .-blue-composition {
  color: white;
  text-decoration: none;
  display: block;
  border-radius: 16px;
  background: blue;
  height: 672px;
  background-image: url(page-quiz-result/blue-bg.jpg);
  position: relative; }
  body.quiz-result .chromeless-panel .-blue-composition .-overlay {
    border-radius: 16px;
    background-color: rgba(9, 42, 94, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  body.quiz-result .chromeless-panel .-blue-composition .-copy {
    position: absolute;
    color: white;
    left: 10%;
    top: 50%;
    margin-top: -50px; }
    body.quiz-result .chromeless-panel .-blue-composition .-copy h3 {
      font-size: 40px;
      font-weight: bold;
      color: white; }
    body.quiz-result .chromeless-panel .-blue-composition .-copy p {
      font-size: 24px;
      color: #fff; }
  body.quiz-result .chromeless-panel .-blue-composition .-logo {
    position: absolute;
    background-image: url(page-quiz-result/blue-logo.svg);
    width: 128px;
    height: 128px;
    bottom: 24px;
    right: 24px; }
  @media (max-width: 768px) {
    body.quiz-result .chromeless-panel .-blue-composition {
      height: 368px; }
      body.quiz-result .chromeless-panel .-blue-composition .-copy {
        left: 5%; }
        body.quiz-result .chromeless-panel .-blue-composition .-copy h3 {
          font-size: 32px; }
        body.quiz-result .chromeless-panel .-blue-composition .-copy p {
          font-size: 19.2px; }
      body.quiz-result .chromeless-panel .-blue-composition .-logo {
        height: 100px;
        width: 100px; } }