full screen gradient overlay

<div class="background-image">

	<div class="overlay"></div>
	
	<div class="anything-any-text">
		<h2>Any other texts goes here</h2>
	</div>

</div>

<style>
  .background-image {
    position: relative;
  }
	.overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #a3db2b; /* Old browsers */
		background: -moz-linear-gradient(top, #a3db2b 1%, #c96fce 100%);
		background: -webkit-linear-gradient(top, #a3db2b 1%,#c96fce 100%);
		background: linear-gradient(to bottom, #a3db2b 1%,#c96fce 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3db2b', endColorstr='#c96fce',GradientType=0 );
	}
</style>