@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.headerbar .header-banner {
		display: none;
	}
	
	.banner-header #headerbanner_description {
		display: none;
	}

	.headerbar .mobile-header-banner {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	a:hover {
		text-decoration: none;
	}
	.mobile-header-banner .container {
		font-family: arial;
		font-size: 24px;
  		display: block;
		width: 100%;
  		display: block;
		position: absolute;
		top: 10px;
	}

	p {
	/* Center horizontally*/
	text-align: center;
	}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.headerbar .mobile-header-banner {
		width: 100% !important;
	}
}