* {
  box-sizing: border-box;
}

body {
  padding-top: 2em;
}

#myInput {
  background-image: url('https://www.w3schools.com/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px;
  /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-family: monospace, 'Courier New', Courier;
  font-size: 17px;
  color: black;
  display: block;
  cursor: pointer;
}

#myUL li a:hover:not(.header) {
  background-color: #dfdddd;
}

.caret {
  font-size: 10px;
  color: rgb(166, 166, 166);
  -webkit-writing-mode: vertical-lr;
}
.space {
  margin: 12px;
  font-size: 15px;
  font-family: monospace, 'Courier New', Courier;
} 
.container {
  max-width: 900px;
}

@media (max-width: 768px) {
  .container {
    max-width:100%;
  }
}