/*
Pattern Name:         Hero Banner
Version:            1.0
*/

.hero-banner{margin-bottom: -70px!important;}
.hero-banner:after{content: '';background: linear-gradient(to bottom,var(--wp--preset--color--white) 0% 50%, var(--wp--preset--color--black) 50% 100%);width: 1px;height: 142px;background-repeat: no-repeat;position: absolute;bottom: 0px;right: 50%;}
.hero-banner figure{font-size: 0px;}
.hero-banner figure .components-resizable-box__container{margin: auto;}
.hero-banner img{margin: auto;border-radius: 0px!important;}

@media screen and (min-width: 0px) and (max-width: 1020px) {
	.hero-banner h1{font-size: 50px!important;}
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	.hero-banner h1{font-size: 30px!important;}
	.hero-banner p{font-size: 16px!important;}
}