/* mobile.css - HTML5Blank-child */
/**
CSS to hold mobile features, including responsive menu
*/
/*New dimension, DC, 9-26-18*/

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

}

@media screen and (max-width: 992px) {
	body {
		/* padding-top: 10px; */
	}
	div#large_banner, div.slideshowContainer {
		margin-top: 47px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 768px) {
	main[role=main] {
	    margin-top: 100px;
	}
	article.page {
		margin-top: 0px;
		padding-top: 0px;
	}
	main[role=main] > section > article.page {
		padding: 0px 10px;
	}
	.ceu_row {
		text-align: center;
	}
}


@media all and (max-width: 660px) {
	/* Could be Useful??
		div.floating-logo h1 {
		display: block;
		float: none;
		margin: 0 auto;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}

	div.floating-logo h2 {
		display: block;
		float: right;
		margin: 0 auto;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}

	div.floating-logo div.floating-menu {
		display: block;
		float: none;
		height: 50px;
		text-align: center;
		margin: 0 auto;
	}

	div.floating-logo div.floating-menu a {
		line-height: 50px;
		margin: 0 10px;
	}

	div.smaller h1 {
		height: 40px;
		line-height: 40px;
		font-size: 30px;
	}

	div.smaller div.floating-menu {
		height: 135px;
	}

	div.smaller div.floating-menu a {
		line-height: 35px;
	}
	*/
}

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
	/* #menu li {
		width: 33.333%;
	}

	#menu .sub-menu li {
		width: auto;
	} */
}

@media only screen and (min-width: 52em) {
	/* #menu .main-menu {
		display: block;
	}

	#toggle-menu,
	#menu label.drop-icon {
		display: none;
	}

	#menu ul span.drop-icon {
		display: inline-block;
	}

	#menu li {
		float: left;
		border-width: 0 1px 0 0;
	}

	#menu .sub-menu li {
		float: none;
	}

	#menu .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 12em;
		z-index: 3000;
	}

	#menu .sub-menu,
	#menu input[type="checkbox"]:checked+.sub-menu {
		display: none;
	}

	#menu .sub-menu li {
		border-width: 0 0 1px;
	}

	#menu .sub-menu .sub-menu {
		top: 0;
		left: 100%;
	}

	#menu li:hover>input[type="checkbox"]+.sub-menu {
		display: block;
	} */
}