@media (min-width:1750px) {
  .c {
    width: 1709px;
  }
  .bannerask .square img{
        width: 71px;
  }
}

@media (max-width: 1850px) {
  .c {
    width: 100%:
  }

  .pregunta {
    margin-bottom: 30px;
  }

  header .c .logo {
    height: 80px;
  }

  .quiz #index {
    font-size: 74px;
    line-height: 75px;
  }

  header .c #backhome img {
    height: 35px;
  }

  footer img {
    height: 42px;
  }

  footer img:last-of-type {
    height: 40px;
  }

  footer {
    padding: 20px 20px;
  }

  .enunciado {
    font-size: 30px;
  }

  .enunciado img.mini, .sortable img, .square img {
    width: 150px;
  }

  .respuesta.ko .title::before, .respuesta.ok .title::before {
    height: 100px;
    margin-bottom: 20px;
  }

  .respuesta .title {
    margin: 0px 0px;
  }

  .impulsem {
    max-width: 650px;
  }

  .logoquiz {
    max-width: 140px;
    position: absolute;
    right: 3%;
    padding-top: 13px;
  }

  .home h3 {
    padding: 0px 40px;
    font-size: 21px;
    max-width: 750px;
  }

  .home .center {
    position: initial;
  }
}

@media (max-width: 768px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    max-width: 100vw;
    overflow-x: hidden;
  }

  *, ::after, ::before {
    box-sizing: border-box;
  }

  .c {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  #backhome {
    display: none;
  }

  header .c {
    flex-direction: column;
    padding: 6px 21px;
  }

  header .c .logo {
    width: 90%;
    margin-left: auto;
  }

  #rainbow {
    height: 20px;
  }

  .impulsem {
    max-width: 100%;
  }

  .logoquiz {
    max-width: 100%;
    width: 30%;
    position: relative;
  }

  .homeimg {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #rainbowhome {
    margin-top: 40px;
  }

  .home h3 {
    font-size: 16px;
  }

  .disclaimer p {
    font-size: 14px;
  }

  .btn {
    display: inline-block;
    padding: 12px 22px;
    font-size: 17px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }

  .view {
    padding: 20px;
    width: 100%;
    padding: 0px;
  }

  .mainwrap {
    height: auto;
  }

  .disclaimer .enunciado {
    width: calc(100% - 20px);
    padding-left: 20px;
  }

  .disclaimer p a {
    white-space: break-spaces;
  }

  .container.wrappregunta {
    padding-top: 15px
  }

  .quiz #index {
    font-size: 51px;
    line-height: 50px;
  }

  .enunciado {
    font-size: 20px;
  }

  .mainwrap {
    display: block;
  }

  .body.c {
    min-height: 70vh;
  }

  .respuesta .wrap {
    padding: 20px 10px
  }

  .quiz .respuesta p {
    font-size: 16px;
  }

  .numberanswer .quiz {
    flex-direction: column;
  }

  .numberanswer .quiz label {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .enunciado img.mini, .sortable img, .square img {
    width: 80px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
  }

  .imganswer label.btn {
    width: auto;
    display: inline-block;
  }

  .quiz.images {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .tooltip {
    font-size: 16px;
    margin-bottom: 17px;
  }

  .pregunta {
    margin-bottom: 20px;
  }

  .view {
    position: initial;
  }

  .respuesta.ko, .respuesta.ok {
    position: fixed;
  }

  .respuesta .wrap {
    width: 100%;
  }

  .bannerask .fact {
    font-size: 16px;
  }

  .info.finalscore {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .rank h1 {
    margin-bottom: 0px;
  }

  #ranking table td, #ranking table th {
    padding: 5px 0px;
  }

  #ranking table th {
    font-size: 12px;
    font-weight: normal;
  }

  #ranking table {
    margin-bottom: 20px;
  }
}