/* HERO */

.hero {
	background-color: var(--gray-color-40);
	margin-top: 20px;
}

.hero p {
	opacity: .95;
}

.hero img {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


/* MEDIA */

@media screen and (min-width: 980px)  {
	
	.hero {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.hero .columns .column {
		width: 50%;
	}

	.hero .columns .column.left {
		padding-right: 50px;
	}
	
	.hero .columns .column.right {
		padding-left: 50px;
	}
		
}


@media screen and (max-width: 979px) {
	
	.hero {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.hero .columns .column {
		width: 100%;
	}

	.hero .columns .column.left {
		padding-bottom: 50px;
	}
	
	.hero .columns .column img {
		width: 100%;
		max-width: 578px;
	}
	
}