* {
  box-sizing: border-box;
}


#myInput {
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#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-size: 18px;
  color: black;
  display: block
}

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

#searchBtn {
  float: left;
  width: 100%;
  background-color: #36bf76;
  /* add some color to the button */
  color: white;
  font-size: 16px;
  border: none;
  padding: 12px;
  cursor: pointer;
}

#searchBtn:hover {
  background-color: gray;
}

/* add a media query to adjust the layout for smaller screens */
@media only screen and (max-width: 600px) {

  /* set the input and button elements to full width */
  #myInput,
  #searchBtn {
    width: 100%;
    float: none;
  }
}