@media only screen and (max-width: 540px) {
  #result2 {
    margin-top: 0px !important ;
  }
  button.btn.btn-warning {
    margin-bottom: 20px;
  }
  .precentage {
    flex-direction: column !important;
  }
}
.percentage_input {
  margin-bottom: 10px;
}
button label {
  margin-bottom: 0;
}
label {
  font-size: 20px;
}
.main_div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
span#what {
  margin-left: 25px;
}
.duv_button {
  text-align: end;
  margin-left: 5%;
}
.main_div span {
  color: white;
}
.precentage {
  flex-direction: row;
}