#docsSearch h1 {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-top: .4em;
    display: none;
}

#docsSearch {
    background: #3197d6 url(https://somersetosteopathicclinic.co.uk/wp-content/uploads/2018/11/helpscout-2.jpg) no-repeat top center;
    background-size: cover;
    border-bottom: 0;
    margin-top: -100px;
    padding: 6em 0 3em;
}

#searchBar .search-query {
	background: #fff;
	border-color: transparent;
	box-shadow: none;
	color: #777;
}
#searchBar button {
	background: #3A3635;
	border-color: transparent;
	color: #fff;
}
#searchBar button:hover {
	background: #3A3635;
	border-color: transparent;
	color: #fff;
}

#searchBar {
    text-align: center;
    margin-bottom: 0;
    padding: 2em 0;
    position: relative;
    margin: 100px auto;
}

@media (max-width: 480px) and (max-width: 768px){
#searchBar button {
    border: 0;
    padding: .9em;
    background: #3A3635;
    border-left: 0;
    margin-top: 6px;
    margin-right: -8px;
}
}