.search-container {
  float: left;
width:100%;
}



 .search-container button {
  float: right;
  padding: 6.5px 10px;
/*  margin-right: 16px;*/
  background: #3f98a6;
  font-size: 17px;
	 color:white;
	 border-top-right-radius: 5px;
	 border-bottom-right-radius: 5px;
  border: none;
  cursor: pointer;
}

 .search-container button:hover {
  background: #5db2c0;
}


.autocomplete {
	display: inline-block;
	width:100%;
}

.autocomplete input {
	box-sizing: border-box;
	border: none;
	padding: 10px;
	font-size: 16px;
}

.autocomplete input[type=text] {
	background-color: #f1f1f1;
	width: 80%;
	outline: none;
}

.autocomplete input[type=submit] {
	background-color: DodgerBlue;
	color: #fff;
	width: 10%;
	cursor: pointer;
}

.autocomplete-items {
	position: absolute;
	width: 300px;
}

.autocomplete-items div {
	box-sizing: border-box;
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-top: 0px;
}

.autocomplete-items div:hover {
	background-color: #e9e9e9;
}

.items-link {
	text-decoration: none;
	color: black;
}

.items-link:hover {
	text-decoration: underline;
	color: black;
}