/*tablet*/

@media (min-width: 926px) and (max-width: 1024px) {
  h2 {
    font-size: 40px;
  }

  .wave-nave {
    height: 150px;
  }

  .quinto_step {
    margin-top: 30px;
  }

  #step1B #sole_contenitore {
    left: 50%;
    margin-left: -50%;
    bottom: -82%;
  }

  #step7 {
    font-size: 38px;
  }

  .big {
    font-size: 60px;
  }

  #step7 .latoA {
    width: 400px;
  }

  #step7 .latoB {
    width: 400px;
  }


  #step8 #field{
    max-width: 869px;
  }

  #palazzo {
    height: 1500px;
  }

  #step10,
  #step10B,
  #step11 {
    font-size: 38px;
  }

  .wave-man {
    height: 165px;
  }

  #maschera_nuotatore {
    padding-top: 30px;
  }
}

/*smartphone*/

@media (min-width: 320px) and (max-width: 926px) {
  h2 {
    font-size: 30px;
  }


  #intro .primo_step img {
    width: 20px;
  }

  #intro .secondo_step img{
    width: 262px;
  }

  #intro .terzo_step img{
    width: 102px;
  }

  #intro .quarto_step img{
    width: 188px;
  }

  #step1A .testo_bass{
    font-size: 33px;
  }


  .quinto_step {
    margin-top: 0px;
    font-size:25px ;
  }

  .wave-nave {
    height: 150px;
  }

  #step1B #nave {
    width: 300px;
  }

  #step1B h2 {
    margin-bottom: 73px;
  }

  #sole {
    width: 100%;
  }

  #step1B #fune {
    width: 137px;
    bottom: -45px;
    right: 63%;
    margin-right: -328px;
  }

  #step1B #sole_contenitore {
    top: 17%;
    left: 0;
    bottom: -20%;
    margin-left: auto;
  }

  #lungh_costa {
    font-size: 60px;
  }

  #img_castello #testo {
    font-size: 36px;
  }

  #step6 {
    font-size: 39px;

    line-height: 60px;
  }

  #testo_coordinate {
    font-size: 1.6rem;
  }

  .big {
    font-size: 40px;
  }

  
 

  #step7{
    font-size: 24px;
    line-height: 40px;
  }

  #step7 .latoA {
    width: 303px;
  }

  #step7 .latoB {
    width: 194px;
  }

  #value_campi{
    font-size: 42px;
  }

  #step9{
    font-size: 42px;
  }

  #step10, #step10B, #step11{
    font-size: 30px;
  }
  #step11{
    line-height: 50px;
  }

  .wave-man{
    margin-top: -145px;
    height: 149px;
  }
  #maschera_nuotatore {
    padding-top: 15px;
}
#nuotatore {
  position: relative;
  text-align: center;
  width: 205px;
  margin: auto;
}

#step12,#step14 {
  font-size: 40px;
  
}

#palazzo {
  height: 1000px;
}

#step16 #container{
  width: 300px;
height: 300px;
}
#testostep16{
  font-size: 25px;
  line-height: 34px;
}

#testostep16 .w600{
  font-size: 29px;
}

.testo_acqua{
  font-size: 17px;
}

.testo_acqua .number{
  font-size: 24px
}

/******/
#_addetto_scarico{
  margin-top: 15% !important;
}



#_altro{
  margin-top: -58px !important;
}

#_gruista{
  line-height: 21px !important;
margin-top: -20px !important;
}

#_pulizie{
  margin-top: 22px !important;
}

/******/
#_carrellista{
  margin-top: 34% !important;
}

#_impiegato{
  margin-top: -38px !important;
}

#_operatore_ple{
  margin-top: -32px !important;
}

/*******/

#_imbragatore{
  margin-top: -10% !important;
}

#_rizzatore{
  margin-top: -12px !important;
}

#_saldatore{
  margin-top: -2px !important;
}

#_autista{
  margin-top: -16px !important;
}

.icon {
 

right: -70px;

}

}