.hero_topBanner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 496px;
    margin-top: 0;
    align-items: center;
    justify-content: center;
    margin-bottom: 97px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero_topBannerContent {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
}


.hero_topBannerContent h1  {
	font-size: 50px;
	font-weight: 400;
	line-height: 62px;
	color: #090b21;
	font-family: 'Lora';
	width: 400px;
}

.hero_topBannerContent p {
	font-size: 17px;
	line-height: 28px;
	font-weight: 600;
	color: #090b21;
	width: 400px;
	font-family: 'Montserrat', sans-serif !important;
}


/* mobile */
@media only screen and (max-width: 768px) {

	.hero_topBannerContent {
		justify-content: center;
		width: initial;
        width: 90% !important;
        background: #ffffff73 !important;
        padding: 20px !important;
        margin: auto !important;        
	}
	
	.hero_topBannerContent h1  {
		font-size: 40px;
		width: auto;
		text-align: center;
	}
	
	.hero_topBannerContent p {
		width: auto;
		text-align: center;
	}
}