#content-area {
  max-width: none;
}
/*
Ability to set font size, line height, and font size for each breakpoint
Headings usually have setup scale of 1, .95, .9, .85, .8, .75
EX. - @include fontSize(32,1.35,1,.95,.9,.85,.8,.75)
*/
/*
Ability to set columns, margins, how many columns for each breakpoint, and margins for each breakpoint (make sure to use "columns" include above on parent wrapper)
For scaling down margin relatively, 1, .9, .8, .7, .6, .5 works well
EX. - @include column(4,20,4,4,3,3,2,2,1,.9,.8,.7,.6,.5)
*/
.rankedChoicePage {
  /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
  /* HTML5 display-role reset for older browsers */
  /* apply a natural box layout model to all elements */
  /* --- CLEARFIX --- */
  width: 100%;
  max-width: 1100px;
  color: #000000;
  margin: 60px auto 0px; }
  .rankedChoicePage html, .rankedChoicePage body, .rankedChoicePage div, .rankedChoicePage span, .rankedChoicePage applet, .rankedChoicePage object, .rankedChoicePage iframe, .rankedChoicePage h1, .rankedChoicePage h2, .rankedChoicePage h3, .rankedChoicePage h4, .rankedChoicePage h5, .rankedChoicePage h6, .rankedChoicePage p, .rankedChoicePage blockquote, .rankedChoicePage pre, .rankedChoicePage a, .rankedChoicePage abbr, .rankedChoicePage acronym, .rankedChoicePage address, .rankedChoicePage big, .rankedChoicePage cite, .rankedChoicePage code, .rankedChoicePage del, .rankedChoicePage dfn, .rankedChoicePage em, .rankedChoicePage img, .rankedChoicePage ins, .rankedChoicePage kbd, .rankedChoicePage q, .rankedChoicePage s, .rankedChoicePage samp, .rankedChoicePage small, .rankedChoicePage strike, .rankedChoicePage strong, .rankedChoicePage sub, .rankedChoicePage sup, .rankedChoicePage tt, .rankedChoicePage var, .rankedChoicePage b, .rankedChoicePage u, .rankedChoicePage i, .rankedChoicePage center, .rankedChoicePage dl, .rankedChoicePage dt, .rankedChoicePage dd, .rankedChoicePage ol, .rankedChoicePage ul, .rankedChoicePage li, .rankedChoicePage fieldset, .rankedChoicePage form, .rankedChoicePage label, .rankedChoicePage legend, .rankedChoicePage table, .rankedChoicePage caption, .rankedChoicePage tbody, .rankedChoicePage tfoot, .rankedChoicePage thead, .rankedChoicePage tr, .rankedChoicePage th, .rankedChoicePage td, .rankedChoicePage article, .rankedChoicePage aside, .rankedChoicePage canvas, .rankedChoicePage details, .rankedChoicePage embed, .rankedChoicePage figure, .rankedChoicePage figcaption, .rankedChoicePage footer, .rankedChoicePage header, .rankedChoicePage hgroup, .rankedChoicePage menu, .rankedChoicePage nav, .rankedChoicePage output, .rankedChoicePage ruby, .rankedChoicePage section, .rankedChoicePage summary, .rankedChoicePage time, .rankedChoicePage mark, .rankedChoicePage audio, .rankedChoicePage video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .rankedChoicePage article, .rankedChoicePage aside, .rankedChoicePage details, .rankedChoicePage figcaption, .rankedChoicePage figure, .rankedChoicePage footer, .rankedChoicePage header, .rankedChoicePage hgroup, .rankedChoicePage menu, .rankedChoicePage nav, .rankedChoicePage section {
    display: block; }
  .rankedChoicePage body {
    line-height: 1; }
  .rankedChoicePage ol, .rankedChoicePage ul {
    list-style: none; }
  .rankedChoicePage blockquote, .rankedChoicePage q {
    quotes: none; }
  .rankedChoicePage blockquote:before, .rankedChoicePage blockquote:after {
    content: '';
    content: none; }
  .rankedChoicePage q:before, .rankedChoicePage q:after {
    content: '';
    content: none; }
  .rankedChoicePage table {
    border-collapse: collapse;
    border-spacing: 0; }
  .rankedChoicePage a {
    text-decoration: none;
    transition: color 0.5s ease, border 0.5s ease, background 0.5s ease; }
    .rankedChoicePage a:active, .rankedChoicePage a:focus, .rankedChoicePage a:hover {
      text-decoration: none; }
  .rankedChoicePage *, .rankedChoicePage *:before, .rankedChoicePage *:after {
    box-sizing: border-box; }
  .rankedChoicePage .clearfix {
    display: block;
    zoom: 1; }
    .rankedChoicePage .clearfix:after {
      content: " ";
      display: block;
      font-size: 0;
      height: 0;
      clear: both;
      visibility: hidden; }
  .rankedChoicePage ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  .rankedChoicePage ::selection {
    background: #000000;
    color: #ffffff; }
  .rankedChoicePage ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  .rankedChoicePage body img {
    -webkit-filter: brightness(1.01);
            filter: brightness(1.01); }
  .rankedChoicePage h1,
  .rankedChoicePage h2,
  .rankedChoicePage h3,
  .rankedChoicePage h4,
  .rankedChoicePage h5,
  .rankedChoicePage p,
  .rankedChoicePage a {
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 400;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased; }
  .rankedChoicePage h1 {
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 400; }
  .rankedChoicePage p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400; }
  .rankedChoicePage header,
  .rankedChoicePage section {
    position: relative; }
  .rankedChoicePage img {
    width: 100%;
    height: auto; }
  .rankedChoicePage .container {
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 30px);
    max-width: 1170px; }
    @media (max-width: 960px) {
      .rankedChoicePage .container {
        max-width: 800px; } }
    @media (max-width: 1200px) {
      .rankedChoicePage .container {
        max-width: 970px; } }
  .rankedChoicePage .rankedHeader {
    display: flex;
    flex-basis: auto;
    border-bottom: 4px solid #f73451; }
    .rankedChoicePage .rankedHeader h1 {
      font-size: 42px;
      line-height: 1.15;
      font-family: hero-new, sans-serif;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 40px;
      max-width: 850px; }
      @media only screen and (max-width: 1200px) {
        .rankedChoicePage .rankedHeader h1 {
          font-size: 38px; } }
      @media only screen and (max-width: 960px) {
        .rankedChoicePage .rankedHeader h1 {
          font-size: 36px; } }
      @media only screen and (max-width: 768px) {
        .rankedChoicePage .rankedHeader h1 {
          font-size: 29px; } }
      @media only screen and (max-width: 480px) {
        .rankedChoicePage .rankedHeader h1 {
          font-size: 25px; } }
      @media only screen and (max-width: 320px) {
        .rankedChoicePage .rankedHeader h1 {
          font-size: 25px; } }
      .rankedChoicePage .rankedHeader h1 strong {
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 900; }
    .rankedChoicePage .rankedHeader .left {
      width: 155px; }
      .rankedChoicePage .rankedHeader .left img {
        width: 115px; }
        @media (max-width: 480px) {
          .rankedChoicePage .rankedHeader .left img {
            width: 80px; } }
      @media (max-width: 768px) {
        .rankedChoicePage .rankedHeader .left {
          padding-bottom: 20px; } }
      @media (max-width: 480px) {
        .rankedChoicePage .rankedHeader .left {
          width: 100px; } }
    .rankedChoicePage .rankedHeader .right {
      width: calc(100% - 155px);
      margin-top: 20px; }
      @media (max-width: 480px) {
        .rankedChoicePage .rankedHeader .right {
          width: calc(100% - 100px);
          margin-top: 5px; } }
  .rankedChoicePage .rankedContent {
    padding: 40px 0px 40px 0px; }
    .rankedChoicePage .rankedContent h2 {
      /* max-width: 800px; */
      font-size: 24px;
      line-height: 1.25;
      font-family: hero-new, sans-serif;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1200px) {
        .rankedChoicePage .rankedContent h2 {
          font-size: 23px; } }
      @media only screen and (max-width: 960px) {
        .rankedChoicePage .rankedContent h2 {
          font-size: 22px; } }
      @media only screen and (max-width: 768px) {
        .rankedChoicePage .rankedContent h2 {
          font-size: 20px; } }
      @media only screen and (max-width: 480px) {
        .rankedChoicePage .rankedContent h2 {
          font-size: 19px; } }
      @media only screen and (max-width: 320px) {
        .rankedChoicePage .rankedContent h2 {
          font-size: 18px; } }
      .rankedChoicePage .rankedContent h2 strong {
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 900; }
    .rankedChoicePage .rankedContent h3 {
      font-size: 36px;
      line-height: 1.25;
      font-family: hero-new, sans-serif;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1200px) {
        .rankedChoicePage .rankedContent h3 {
          font-size: 34px; } }
      @media only screen and (max-width: 960px) {
        .rankedChoicePage .rankedContent h3 {
          font-size: 32px; } }
      @media only screen and (max-width: 768px) {
        .rankedChoicePage .rankedContent h3 {
          font-size: 29px; } }
      @media only screen and (max-width: 480px) {
        .rankedChoicePage .rankedContent h3 {
          font-size: 25px; } }
      @media only screen and (max-width: 320px) {
        .rankedChoicePage .rankedContent h3 {
          font-size: 25px; } }
      .rankedChoicePage .rankedContent h3 strong {
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 900; }
      .rankedChoicePage .rankedContent h3 a {
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 900;
        color: #000000;
        text-decoration: none; }
        .rankedChoicePage .rankedContent h3 a:hover, .rankedChoicePage .rankedContent h3 a:active, .rankedChoicePage .rankedContent h3 a:visited {
          color: #000000; }
    .rankedChoicePage .rankedContent ul {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 40px; }
      @media (max-width: 600px) {
        .rankedChoicePage .rankedContent ul {
          flex-direction: column; } }
      .rankedChoicePage .rankedContent ul li {
        width: 50%;
        display: inline-block;
        text-transform: uppercase;
        font-size: 21px;
        margin-bottom: 15px;
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 900;
        position: relative;
        padding-left: 15px;
        line-height: 1.35; }
        @media (max-width: 600px) {
          .rankedChoicePage .rankedContent ul li {
            width: 100%;
            display: block; } }
        .rankedChoicePage .rankedContent ul li:before {
          content: '';
          background: #000000;
          position: absolute;
          left: 0px;
          top: 9px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          display: block; }
    .rankedChoicePage .rankedContent .instructions h2 {
      font-size: 36px;
      line-height: 1.25;
      font-family: hero-new, sans-serif;
      font-style: normal;
      font-weight: 900;
      margin-bottom: 30px; }
      @media only screen and (max-width: 1200px) {
        .rankedChoicePage .rankedContent .instructions h2 {
          font-size: 34px; } }
      @media only screen and (max-width: 960px) {
        .rankedChoicePage .rankedContent .instructions h2 {
          font-size: 32px; } }
      @media only screen and (max-width: 768px) {
        .rankedChoicePage .rankedContent .instructions h2 {
          font-size: 31px; } }
      @media only screen and (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions h2 {
          font-size: 29px; } }
      @media only screen and (max-width: 320px) {
        .rankedChoicePage .rankedContent .instructions h2 {
          font-size: 27px; } }
    .rankedChoicePage .rankedContent .instructions p {
      font-size: 24px;
      line-height: 1.25;
      font-family: hero-new, sans-serif;
      font-style: normal;
      font-weight: 900;
      margin-bottom: 30px; }
      @media only screen and (max-width: 1200px) {
        .rankedChoicePage .rankedContent .instructions p {
          font-size: 23px; } }
      @media only screen and (max-width: 960px) {
        .rankedChoicePage .rankedContent .instructions p {
          font-size: 22px; } }
      @media only screen and (max-width: 768px) {
        .rankedChoicePage .rankedContent .instructions p {
          font-size: 20px; } }
      @media only screen and (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions p {
          font-size: 19px; } }
      @media only screen and (max-width: 320px) {
        .rankedChoicePage .rankedContent .instructions p {
          font-size: 18px; } }
    .rankedChoicePage .rankedContent .instructions ul {
      display: block;
      margin-bottom: 0px; }
      .rankedChoicePage .rankedContent .instructions ul li {
        font-size: 24px;
        line-height: 1.25;
        font-family: hero-new, sans-serif;
        font-style: normal;
        font-weight: 400;
        display: block;
        text-transform: none;
        width: 100%; }
        @media only screen and (max-width: 1200px) {
          .rankedChoicePage .rankedContent .instructions ul li {
            font-size: 23px; } }
        @media only screen and (max-width: 960px) {
          .rankedChoicePage .rankedContent .instructions ul li {
            font-size: 22px; } }
        @media only screen and (max-width: 768px) {
          .rankedChoicePage .rankedContent .instructions ul li {
            font-size: 20px; } }
        @media only screen and (max-width: 480px) {
          .rankedChoicePage .rankedContent .instructions ul li {
            font-size: 19px; } }
        @media only screen and (max-width: 320px) {
          .rankedChoicePage .rankedContent .instructions ul li {
            font-size: 18px; } }
    .rankedChoicePage .rankedContent .instructions .split {
      display: flex;
      width: 100%;
      justify-content: left;
      flex-flow: row wrap;
      margin-bottom: 30px; }
      @media (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions .split {
          margin-bottom: 0px; } }
      @media only screen and (min-width: 1400px) and (max-width: 9999px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 20px - .05px)/2); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(2n+2), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1400px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 20px - .05px)/2); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(2n+2), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media only screen and (min-width: 960px) and (max-width: 1200px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 20px - .05px)/2); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(2n+2), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 960px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 20px - .05px)/2); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(2n+2), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media only screen and (min-width: 480px) and (max-width: 768px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px !important;
          width: calc((100% - 20px)/2); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(2n+2), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px !important; } }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 0px)/1); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(1n+1), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media only screen and (min-width: 0px) and (max-width: 320px) {
        .rankedChoicePage .rankedContent .instructions .split .column {
          margin-bottom: 20px;
          margin-right: 20px;
          width: calc((100% - 0px)/1); }
          .rankedChoicePage .rankedContent .instructions .split .column:nth-child(1n+1), .rankedChoicePage .rankedContent .instructions .split .column:last-of-type {
            margin-right: 0px; } }
      @media (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions .split .column.column1 {
          order: 2; } }
      @media (max-width: 480px) {
        .rankedChoicePage .rankedContent .instructions .split .column.column2 {
          order: 1; } }
    .rankedChoicePage .rankedContent .instructions .examples {
      display: flex;
      width: 100%;
      justify-content: left;
      flex-flow: row wrap; }
      .rankedChoicePage .rankedContent .instructions .examples .column {
        text-align: center; }
        @media only screen and (min-width: 1400px) and (max-width: 9999px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(3n+3), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1400px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(3n+3), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 960px) and (max-width: 1200px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(3n+3), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 960px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(3n+3), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 480px) and (max-width: 768px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px !important;
            width: calc((100% - 40px)/3); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(3n+3), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px !important; } }
        @media only screen and (min-width: 320px) and (max-width: 480px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 0px)/1); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(1n+1), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 0px) and (max-width: 320px) {
          .rankedChoicePage .rankedContent .instructions .examples .column {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 0px)/1); }
            .rankedChoicePage .rankedContent .instructions .examples .column:nth-child(1n+1), .rankedChoicePage .rankedContent .instructions .examples .column:last-of-type {
              margin-right: 0px; } }
        .rankedChoicePage .rankedContent .instructions .examples .column img {
          margin-bottom: 20px; }
          @media (max-width: 480px) {
            .rankedChoicePage .rankedContent .instructions .examples .column img {
              margin: 0px auto 20px;
              width: 100%;
              max-width: 300px; } }
        .rankedChoicePage .rankedContent .instructions .examples .column p {
          font-family: hero-new, sans-serif;
          font-style: normal;
          font-weight: 900;
          display: block;
          font-size: 21px;
          text-align: left; }
          @media (max-width: 960px) {
            .rankedChoicePage .rankedContent .instructions .examples .column p {
              font-size: 18px; } }
          @media (max-width: 600px) {
            .rankedChoicePage .rankedContent .instructions .examples .column p {
              font-size: 16px; } }
          @media (max-width: 480px) {
            .rankedChoicePage .rankedContent .instructions .examples .column p {
              font-size: 18px; } }
    .rankedChoicePage .rankedContent .boxes {
      display: flex;
      width: 100%;
      justify-content: left;
      flex-flow: row wrap;
      margin-bottom: 20px; }
      .rankedChoicePage .rankedContent .boxes .box {
        color: #ffffff;
        position: relative;
        height: 300px;
        transition: background-color 0.5s ease;
        background: #4da393;
        overflow: hidden; }
        @media only screen and (min-width: 1400px) and (max-width: 9999px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(3n+3), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1400px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(3n+3), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 960px) and (max-width: 1200px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 40px - .05px)/3); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(3n+3), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 960px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 20px - .05px)/2); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(2n+2), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 480px) and (max-width: 768px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px !important;
            width: calc((100% - 20px)/2); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(2n+2), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px !important; } }
        @media only screen and (min-width: 320px) and (max-width: 480px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 0px)/1); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(1n+1), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        @media only screen and (min-width: 0px) and (max-width: 320px) {
          .rankedChoicePage .rankedContent .boxes .box {
            margin-bottom: 20px;
            margin-right: 20px;
            width: calc((100% - 0px)/1); }
            .rankedChoicePage .rankedContent .boxes .box:nth-child(1n+1), .rankedChoicePage .rankedContent .boxes .box:last-of-type {
              margin-right: 0px; } }
        .rankedChoicePage .rankedContent .boxes .box.blue {
          background: #004cf8; }
          .rankedChoicePage .rankedContent .boxes .box.blue .answer {
            background-color: #003595; }
          .rankedChoicePage .rankedContent .boxes .box.blue .question {
            font-size: 21px; }
          .rankedChoicePage .rankedContent .boxes .box.blue .button {
            background-color: #003595; }
          .rankedChoicePage .rankedContent .boxes .box.blue strong {
            font-size: 52px;
            line-height: 1.25;
            display: block; }
            @media only screen and (max-width: 1200px) {
              .rankedChoicePage .rankedContent .boxes .box.blue strong {
                font-size: 49px; } }
            @media only screen and (max-width: 960px) {
              .rankedChoicePage .rankedContent .boxes .box.blue strong {
                font-size: 47px; } }
            @media only screen and (max-width: 768px) {
              .rankedChoicePage .rankedContent .boxes .box.blue strong {
                font-size: 44px; } }
            @media only screen and (max-width: 480px) {
              .rankedChoicePage .rankedContent .boxes .box.blue strong {
                font-size: 42px; } }
            @media only screen and (max-width: 320px) {
              .rankedChoicePage .rankedContent .boxes .box.blue strong {
                font-size: 39px; } }
        .rankedChoicePage .rankedContent .boxes .box .question {
          text-transform: uppercase;
          font-family: hero-new, sans-serif;
          font-style: normal;
          font-weight: 900;
          padding: 20px;
          display: block;
          font-size: 18px;
          color: #ffffff; }
        .rankedChoicePage .rankedContent .boxes .box .answer {
          width: 100%;
          height: 250px;
          overflow: scroll;
          padding: 20px;
          display: block;
          position: absolute;
          left: 0px;
          background-color: #27524a;
          z-index: 5;
          top: 300px; }
          .rankedChoicePage .rankedContent .boxes .box .answer p {
            font-family: hero-new, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 1.35;
            color: #ffffff; }
          .rankedChoicePage .rankedContent .boxes .box .answer ul {
            margin-bottom: 40px;
            display: block; }
            .rankedChoicePage .rankedContent .boxes .box .answer ul li {
              font-size: 14px;
              line-height: 1.35;
              text-transform: none;
              width: 100%;
              font-family: hero-new, sans-serif;
              font-style: normal;
              font-weight: 600;
              margin-bottom: 15px;
              position: relative;
              padding-left: 15px;
              color: #ffffff; }
              .rankedChoicePage .rankedContent .boxes .box .answer ul li:before {
                content: '';
                background: #ffffff;
                position: absolute;
                left: 0px;
                top: 9px;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                display: block; }
        .rankedChoicePage .rankedContent .boxes .box .button {
          display: block;
          width: 100%;
          height: 50px;
          text-align: right;
          padding-right: 20px;
          line-height: 50px;
          font-size: 30px;
          font-family: hero-new, sans-serif;
          font-style: normal;
          font-weight: 900;
          background-color: #27524a;
          position: absolute;
          color: #ffffff;
          left: 0px;
          bottom: 0px;
          cursor: pointer;
          z-index: 10; }
  @media (max-width: 1060px) {
    .rankedChoicePage {
      width: calc(100% - 40px); } }
/*# sourceMappingURL=main.css.map */