<style type="text/css">
	@media (min-width: 768px) {
	  html {
	    font-size: 16px;
	  }
	}
	.header-size{
		min-height: 100px;
	}
	.search-bar{
		max-width: 500px;
		width: 100%;
	}
	form{
		width: 100%;
	}

	.headerTitle{
		color: #fff;
	}
	.header-bg{
		background-color: #33CB8A;
	}
</style>

<!-- Header -->
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 border-bottom shadow-sm header-size shadow-lg header-bg">
	<h5 class="my-0 mr-md-auto font-weight-bold headerTitle">
		<p class="m-auto" style="font-size: 50px">Spaceo Basecode</p>
	</h5>
</div>

<!-- End Header -->

<script type="text/javascript">
	document.getElementById("id_q").value = "{{query}}"
</script>

