/* Built by {uv}-ultravintage — https://ultravintage.com */
/* SEO & mobile layer for the Akritas Security static site.
   Keeps the original desktop look intact; normalises the new <h1>
   headings and adds a responsive fallback for phones/tablets. */

/* --- Heading normalisation (preserve the old look after h2 -> h1) --- */
h1.componentheading {
	font-size: 26px;
	color: #ccc;
	border-bottom: 2px solid #404040;
	padding-bottom: 7px;
	margin: 0 0 7px 0;
	font-weight: normal;
}
.contentheading h1 {
	font-size: 24px;
	margin: 0;
	line-height: 1.2;
}

/* --- Responsive fallback (the desktop layout is a fixed 1000px grid) --- */
@media (max-width: 1000px) {
	#wrapper { width: auto; max-width: 1000px; }
}

@media (max-width: 760px) {
	#wrapper {
		width: 100%;
		max-width: 100%;
		background: none;
		padding-top: 10px;
		box-sizing: border-box;
	}
	#wrap-main-top, #wrap-main-bottom { display: none; }
	#wrap-main {
		background: #4a4a4a;
		padding: 0 8px;
	}
	#eyes {
		height: auto;
		min-height: 90px;
		background-color: #595857;
		background-size: cover;
	}
	#menu_wrap {
		height: auto;
		background: #333;
		padding: 4px;
	}
	/* Stack the Superfish menu vertically and reveal sub-items (no hover on touch) */
	.sf-menu, .sf-menu li, .sf-menu ul, .sf-menu ul li {
		float: none !important;
		width: auto !important;
		display: block !important;
		visibility: visible !important;
		position: static !important;
	}
	.sf-menu li { border-left: none !important; border-top: 1px solid #555; }
	.sf-menu a { padding: 0.85em 1em !important; }

	#maincont_wrap { width: auto; }
	#maincontent, #maincontent2, #rightcol {
		float: none !important;
		width: auto !important;
		padding: 15px !important;
		border-left: none !important;
		box-sizing: border-box;
	}
	#footer { float: none; width: auto; }

	/* Make floated content images and embeds behave on small screens */
	#maincontent img, #maincontent2 img, .content img, .modulecontent img {
		max-width: 100% !important;
		height: auto !important;
		float: none !important;
		margin: 10px 0 !important;
	}
	.content iframe { max-width: 100%; }
	table.blog, table.contentpaneopen { width: 100% !important; }
}