@media(min-width:1200px) and (max-width:1399px){
		.overlay h2 {

			top: 100px;
			left: 50px;
		  }
	}
	@media(min-width:992px) and (max-width:1199px){
		.overlay h2 {

			top: 100px;
			left: 20px;
		  }
	}
	@media(min-width:768px) and (max-width:991.98px){
		#banner {

			height: fit-content;
		}
	}
	@media(min-width:576px) and (max-width:767.98px){
		.overlay h2 {

			top: 100px;
			left: 50px;
		  }
		  #banner {

			height: fit-content;
		}
	}
	@media(max-width:575.98px){

		.overlay h2 {

			top: 100px;
			left: 50px;
		  }
	}
	
	@media(width:575px){
		.overlay h2 {

			top: 100px;
			left: 50px;
		  }
	}
	@media only screen and (min-width: 480px) and (max-width: 574px) {
		.overlay h2 {


			top: 100px;
			left: 160px;
		  }
		  #banner {

			height: fit-content;
		}
	}
	@media only screen and (min-width: 426px) and (max-width: 479px) {
		.overlay h2 {
			top: 100px;
			left: 130px;
		  }	
		
	}
	@media only screen and (min-width: 361px) and (max-width: 425px) {
		.overlay h2 {
			top: 100px;
			left: 90px;
		  }
		  #banner {

			height: fit-content;
		}
		  }
	
	@media only screen and (min-width: 320px) and (max-width: 360px) {
		.overlay h2 {
			top: 100px;
			left: 75px;
		
		  }
		  #banner {

			height: fit-content;
		}
	}
	@media only screen and (min-width: 0px) and (max-width: 319px) {
		.overlay h2 {
	
			top: 100px;
			left: 50px;
		  }
		  #banner {

			height: fit-content;
		}
	}