/**
 *
 * Colors
 *
 */

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@media (max-width: 1240px) and (max-width: 1055px) {
  #hello .col-hello .hello-content {
    margin-bottom: 21px !important; }
  #question #question-grid-container .category-list {
    position: relative;
    margin-left: 25px !important;
    max-width: 80vw !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
    transform: scale(0.98) !important;
    will-change: transform !important;
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
    cursor: pointer !important; }
    #question #question-grid-container .category-list .question-category {
      display: inline-block !important;
      text-indent: 0px !important;
      padding-right: 15px !important;
      font-size: 16px !important;
      line-height: 22px !important; }
      #question #question-grid-container .category-list .question-category.current-category {
        border-left: 0px !important;
        font-weight: 600 !important; }
    #question #question-grid-container .category-list .custom-question-category-blank-element {
      padding-right: 75vw !important;
      display: inline-block !important; }
  #question .question-text,
  #question .question-counter {
    font-size: 20px !important;
    line-height: 26px !important; }
  #question .answer {
    height: 270px !important; }
    #question .answer h3 {
      font-size: 16px !important;
      line-height: 24px !important; }
  .bottom-gray-line {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  #results {
    position: relative; }
    #results .return-button {
      position: absolute;
      top: -35px;
      right: 33px; }
  #data .custom-data-first-column {
    padding-left: 16px !important; } }
  @media (max-width: 1240px) and (max-width: 1055px) and (min-width: 672px) {
    #data .custom-data-first-column {
      display: -ms-flexbox !important;
      display: flex !important; }
      #data .custom-data-first-column .custom-data-first-element {
        width: 50% !important;
        padding-left: 16px !important;
        padding-right: 16px !important; }
      #data .custom-data-first-column .custom-data-second-element {
        width: 50% !important;
        padding-left: 16px !important;
        padding-right: 16px !important; } }

@media (max-width: 1240px) and (max-width: 1055px) {
  #data .custom-data-second-column,
  #data .custom-data-last-column {
    padding-left: 16px !important; } }
  @media (max-width: 1240px) and (max-width: 1055px) and (min-width: 672px) {
    #data .custom-data-second-column,
    #data .custom-data-last-column {
      display: -ms-flexbox !important;
      display: flex !important; }
      #data .custom-data-second-column .custom-data-first-element,
      #data .custom-data-last-column .custom-data-first-element {
        width: 50% !important;
        padding-left: 16px !important;
        padding-right: 8px !important; }
      #data .custom-data-second-column .custom-data-second-element,
      #data .custom-data-last-column .custom-data-second-element {
        width: 50% !important;
        padding-left: 24px !important;
        padding-right: 0px !important; } }

/*# sourceMappingURL=max-1240.css.map */