@media screen and (min-width: 760px) and (max-width: 1200px){
	.heading{
			margin-left: 0 !important;
	}
}
@media screen and (max-width: 774px){
		.back-url{
			display: none !important;
		}

	.rectangle{
		/* margin-top: 110px !important; */
		
	}
	.heading{
		margin-left: 20px !important;
		
		width: fit-content !important;
	}
	.heading h1{
		font-size: 30px !important;
	}
}
		

		.rectangle .container{
           
			padding: 0;
		}
		.back-url{
			display: inline-flex; float: right;
			width: fit-content;
			padding-right: 30px;
			padding-top: 35px;
			padding-bottom: 15px;
			
			align-items: center;

		}
		.back-url a{
			 font-family: neuzeit-grotesk;
			 color: white;
		}
		.back-url a:hover::before{
			padding-left: 5px;
			-webkit-transition: 0.3s ease-out;
    		-moz-transition: 0.3s ease-out;
    		transition: 0.3s ease-out;
		}
		.back-url a::before{
			-webkit-transition: 0.3s ease-out;
    		-moz-transition: 0.3s ease-out;
    		transition: 0.3s ease-out;
			display: inline-block;
			content: '\e808';
			font-size: 12px;
			font-family: 'bfp_icons';
			transform: rotate(-180deg);
	    }

		.heading{
			margin-left: -25;
			width: fit-content;
			
			padding-top: 30px;
			padding-bottom: 30px;
			display: flex;
			align-items: center;
		}
		.heading h1{
			margin-bottom: 0;
			margin-left: 20px;
			margin-right: 20px;
			text-align: center;
			font-size: 38px ;
			font-weight: 700;
            color: white;
            font-family: neuzeit-grotesk;
			
		}
	
	
		.rectangle{
			/* margin-top: 130px; */
			padding: 0!important;
			max-width: 100%;
			width: 100%;
			background-color: #3d405b;
			z-index: -1;
			
			
			
		}