@media all and (max-width: 600px) {
	#top-level-menu {
		display: none !important;
	}

	 .active #top-level-menu {
		display: inline-block !important;
	} 

	#earthdata-tophat {
		overflow: hidden !important; 
		height: auto !important;
	}

	div.tophat-expansion {
		padding: 4px !important;
		font-size: 25px !important;
		float: left !important;
		overflow:hidden !important;
		display: inline-block !important;
		cursor: pointer !important;
	}
}

@media all and (min-width: 600px) {
	div.tophat-expansion {
		display: none !important;

	}
}

@media screen and (max-width: 800px) {
	#earthdata-tophat2 {
	    height: 50px!important;
	}
}