#turn_screen{
  font-size: 36px;
  background: #fff;
  position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
  justify-content: center;
  align-items:center;
  display: none;
}

#turn_screen p{
align-items:center;
  vertical-align: middle;
}
@media (max-width:1100px) {
  html{
    zoom: 90%;
  }
}
@media (max-width: 1000px) {
  html{
    zoom: 80%;
  }
}
@media (max-width: 900px) {
  html{
    zoom: 70%;
  }
}

@media (max-width: 800px) {
  html{
    zoom: 60%;
  }
}

@media (max-width: 700px) {
  html{
    zoom: 50%;
  }
}

@media (max-width: 600px) {
  html{
    zoom: 40%;
  }
}

@media (max-width: 500px) {
  body{
    /* padding: 0 !important; */
    /* max-width: 100% !important; */
  }
  html{
    zoom: 30%;
  }
  article > fieldset:nth-child(2){
    margin-top: 500px;
  }
}


@media (max-width: 400px) {
  html{
    zoom: 20%;
  }
  #turn_screen{
    display: flex;
  }

}

@media (max-width: 300) {
  html{
    zoom: 20%;
  }
#turn_screen{
    display: flex;
  }
}