/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {
    
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {
  .sponsor_logo{
    max-width:450px;
  }
  #iscrivi_accedi {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:2rem;
  }

  .modal-full {
    max-width: none;
    max-height: none;
  }

  .tabella-giocatori {
    display:inline-block;
  } 
    
}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 65em) {
    .banner-laterale {
        display:flex;
        align-items: center; 
        padding: 0 25px;
    }
    .banner-mobile {
        display:none;
    }
    .quiz-container{
      justify-content: start;
    }
    .finale-container {
      justify-content: center;
      gap:2rem;
    }
    #section_intermezzo {
      margin-top:2rem;
    }
    .domanda-container{
      margin-bottom:1.4rem;
    }
    .quiz-container {
      max-width:500px;
    }
    #section_gioco {
      justify-content: space-evenly;
    }
    
    #fine_quiz lottie-player{
      position: absolute;
      transform:scale(0);
    }

    .modal-full {
      max-width: 650px;
      max-height: 700px;
    }
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
    
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {
    
    .quiz-container{
      justify-content: space-between;
    }
    .finale-container {
      justify-content: space-between;
    }
    .modal-full {
      padding:15px;
    }
    .timer {
      font-size: 2.95rem;
    }
    .domanda-container{
      margin-bottom:0rem;
    }
  }
  

  
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {
    .timer {
      font-size: 2.9rem!important;
    }
  }

  
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {
    .domanda-container {
      padding:auto;
    }
  }