.generic_hero-header_container {
	display: block;
	padding: 15px 20px 15px 20px;
	background-color: rgba(85, 152, 202);
	opacity: 0.7;
}

.generic_hero-header_title {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 56px;
	
	font-weight: normal;
}

.generic_hero-background_container {
	position: relative;
	height: 350px;
    display: flex !important;
    justify-content: left;
    align-items: center;
    padding-left: 7%;
    background-size:cover;
    background-position: top;
}

@media all and (max-width:767px){
	.generic_hero-background_container {
		align-items: last baseline;
		height: 300px;
		padding-left:0;
		background-position: right;
	} 
	.generic_hero-header_title {
		font-size:1.7em;
		font-weight: 600;
		text-align: center;
	}	
	.generic_hero-header_container {
		display: block;
		padding: 10px 10px 10px 10px;
			background-color: rgba(85, 152, 202);
		opacity: 0.7;
	}
}

@media all and (min-width:768px){

}

@media all and (max-width:999px){

}

@media all and (min-width:1000px){

}