
.section.first_screen {
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
	color: #fff;
}
.section.first_screen h1 {
	margin: 0;
}
.section.first_screen:before {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #3A3A3A80;
}

.first_screen .min_height {
	min-height: 300px;
}

@media (max-width: 1200px) {

	.section.first_screen {
		background-image: var(--first_screen_1200) !important;
		padding: 100px 0;
	}
	
	.first_screen .min_height {
		grid-template-columns: auto auto;
	}
}

@media (max-width: 991px) {
	.section.first_screen {
		background-image: var(--first_screen_991) !important;
	}
	.first_screen .min_height {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.section.first_screen {
		background-image: var(--first_screen_767) !important;
	}
}

@media (max-width: 575px) {

	.section.first_screen h1 {
		font-size: 28px;
	}
}

@media (max-width: 480px) {
	
}

@media (max-width: 450px) {
	.section.first_screen {
		background-image: var(--first_screen_450) !important;
	}
	
	.section.first_screen .buttons .grid {
		grid-template-columns: 1fr;
	}
}



