article.hero{
	>section{
		div{
			&.form{
				>div:first-child{
					display:block;
					font-size:72px;
				}
				>strong{
					display:block;
					font-size:200%;
					font-weight:700;
					margin:0 0 0.5em 0;
				}
				>div:last-child{
					display:inline-block;
					margin:auto;
					padding:0 1em;
					text-align:left;
				}
				background-color:rgba(28,135,51,0.9);
				backdrop-filter:blur(2px);
				border-radius:0.5em;
				box-sizing:border-box;
				display:block;
				margin:auto;
				padding:1em;
				text-align:center;
				text-shadow:none;
			}
		}
		align-items:center;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto;
		justify-items:center;
		color:#fff;
		padding:2em 1em;
		text-shadow:2px 2px #000000;
		max-width:1200px;
		margin:auto;
		gap:0 2em;
	}
	background-image:url('https://www.porter-logistics.com/wp-content/uploads/2025/05/service-landing-new.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media(max-width:1100px){
	article.hero>section{
		>div:first-child{
			margin:0px auto 2em auto;
			max-width:650px;
		}
		div.form{
			width:max(50%,350px);
		}
		display:block;
	}
}
@media(max-width:350px){
	article.hero>section{
		div.form{
			width:auto;
		}
	}
}