@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
    
html {
    margin: 0.1rem 0.1rem;
}

header {
    text-align: center;
    padding: 0 1rem 0 1rem;
    margin: 1rem;
}

hr {
    margin: 0 1rem 0 1rem;
}

.container {
    height: 100%;
    align-content: start;
    margin: 2rem 2rem 1rem 0rem;
}

input[type="text"],
  input[type="number"],
  input[type="email"],
  #dropdownMenu {
    float: left;
    margin: 0 10rem 0 0;
    width: 35rem;
  }

}