@import url(https://fonts.googleapis.com/css?family=Open+Sans);



.search {
  width: 100%;
  position: relative;
  display: flex;
  margin-top:-50px;
  padding-bottom:20px;
}

.searchTerm {
  width: 100%;
  border: 3px solid #415743;
  border-right: none;
  padding: 5px;
  height: 36px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #415743;
  margin-top:-1px;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #415743;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

.searchbar-width{
	width:80%;
	margin-left:10%;
	}
	
	
	
@media only screen and (max-width: 640px) {

.search {
  width: 100%;
  position: relative;
  display: flex;
  margin-top:0px;
  padding-bottom:20px;
}
	}