html,
body {
  height: 100%;
}

.container-fluid {
  max-width: 35vw;
}

img.logo {
  width: 7%;
  position: fixed;
  top: 4%;
  left: 4%;
}

input {
  border: 1px solid #4f4f4f !important;
  -webkit-box-shadow: 0px 2px 4px 2px silver;
  -moz-box-shadow: 0px 2px 4px 2px silver;
  box-shadow: 0px 2px 4px 2px silver;
}

::placeholder {
  color: silver !important;
}

input, button {
  font-size: 1.5vw !important;
}

button span {
  font-size: 2.5vw !important;
}

button {
  padding-top: 7px !important;
  padding-bottom: 0 !important;
}

.footer {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 1.2vw;
}

@media screen and (max-width: 800px) {
  input, button {
     font-size: 14px !important;
  }
}

@media screen and (min-width: 1600px) {
  input, button {
     font-size: 25px !important;
  }
}