/*
Block Name: Hero
Description: This is a hero block, designed to be used for page headers, with various customisation options.
*/

.block-hero .hero-area .grid{grid-template-columns:1fr 1fr;align-items:center;}
.block-hero .container { position: relative; z-index: 2; }

@media (max-width: 550px) {
	
.block-hero a.hb1 { margin-left: 0rem; display: block; margin-bottom: 2rem;  }
.block-hero a.hb2 { margin-left: 0rem; display: block; }
	.header-overlay { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
}