/* ////////////////////////////////////////////////////////// */

h1, h2, h3, h4, h5, h6, .lg, caption { font-family: Segoe UI, Tahoma, sans-serif; color: #005da4; }
body, table, input, select, textarea { font-family: Segoe UI, Tahoma, sans-serif; }
body { background: #faf9f0; color: #333; }

h1, .lg { font-size: 48px; }
h2 { font-size: 40px; }
h3, caption { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

hr { border: 1px; color: #AAA; background: #AAA; height: 1px; size: 1px; clear: both;  }

/* ////////////////////////////////////////////////////////// */

	.container { padding: 64px; max-width: 1232px; }

	.header { position: static; background: #fff; }
	.container.header__container { padding-top: 8px; padding-bottom: 8px; }
	.header__snippet { float: right; margin: 0 16px; }
	.header__nav { background: #005da4; color: #fff; min-height: 8px; }
	
	.lg { display: block; float: left; line-height: 1; margin: 0; padding: 0; width: 32px; height: 32px; }
	.lg svg { display: block; fill: #005da4; }

	.container.nav__container { display: block; list-style: none; padding: 0 48px; }
	.nav__item { display: block; float: left; position: relative; top: 0; left: 0; }
	.nav__link { display: block; padding: 16px; }
	.nav__link:link, .nav__link:visited { color: #f0f0f0; }
	.nav__link:active, .nav__link:hover, .nav__link:focus { background: #999; color: #fff; }

	.nav__container--lvl2 { display: none; position: absolute; top: 99%; left: 0; background: #999; color: #fff; padding: 0; min-width: 100%; z-index: 10; }
	.nav__item:hover .nav__container--lvl2,
	.nav__link:active + .nav__container--lvl2,
	.nav__link:focus + .nav__container--lvl2 { display: block }

	.footer { border-top: 1px solid #ccc; color: #333; }
	.footer__container { color: #666; }

	.content { background: #fff; color: #333; }

/* ////////////////////////////////////////////////////////// */

	.frm .txt { border: 1px solid #ccc; padding: 0.4rem; margin: 0 0 1rem 0; border-radius: 3px; background: #fff; }
	.frm .txt input, .frm .txt select, .frm .txt textarea { background: transparent; border: 0; padding: 0; margin: 0; width: 100%; }

/* ////////////////////////////////////////////////////////// */

@media (max-width: 1199px) {
	.container { padding: 48px; max-width: 100%; }
}

@media (max-width: 991px) {
	.container { padding: 32px; }
	.container.nav__container { padding: 0 16px; }
}

@media (max-width: 767px) {
	.container { padding: 16px; }
	.container.nav__container { padding: 0 8px; }
}

@media (max-width: 575px) {
	.container { padding: 8px; }
	.container.nav__container { padding: 0; }
}

/* ////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: light) {
	.content.kozyrevnv { background-image: url(/usr/kozyrevnv2.jpg); }
	.content.lopaevda { background-image: url(/usr/lopaevda.gif); }
	/* .content.kozyrevnv .cnt_me__content, 
	.content.kozyrevnv .jira__sprint__content, 
	.content.kozyrevnv .jira_releases__content, 
	.content.kozyrevnv .jira_kpi__content 
	{ padding: 1rem 2rem 2rem; background: rgba(255,255,255,0.9); border: 1px solid #ccc; } */

	.content.patekinaon { background-image: url(/usr/patekinaon.jpg); background-position: center top; background-repeat: repeat-x; }
}

/* ////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: dark) {
	.header, .content { background-color: #333; color: #eee; }
	body { background-color: #666; color: #eee; }
	.footer__container { color: #eee; }
	
	a:link, a:visited { color: #34ADEB; }
	a:active, a:hover, a:focus { color: #008df9; }
	
	h1, h2, h3, h4, h5, h6, .lg, caption { color: #ccc; }
	
	.bx.bw { background-color: #555; }
	.bx.bs { background-color: #333; }
	
}