body {
   background: #d1ddd7;
   max-width: 56em;
   margin: 0 auto;
   padding: .5em;
   text-align: start;
   /*font:1.2em/1.62 sans-serif;*/
   /*hyphens: auto;*/
}
.header {padding-bottom: 2ex}
.header:after {content:''; display: block; clear: both}
h1 {margin-top: 0}
h2+h3 {position: relative; top: -.8em}
figure {margin: 0 auto; padding: 0 0 0 0}
.photo {float: right; padding: 0 0 0.1em 0.5em}
.abs { padding: .5em 0em;} /* clear: both} */
.abs p {text-align: justify; /*hyphens: auto;*/ text-indent: 1.5em; margin:0 0 0.1em 0}
.abs p:first-of-type {text-indent: 0}
a.shy  {color: black; text-decoration: none}
a.shy:hover {text-decoration: underline}
.name {white-space:nowrap}
    
/*Следующие ниже правила нужны, чтобы на экране (screen) лектор и тема курса отображались без окрашенного фона. Окраска параллелей (E,B,X,...) задана в css-файле timetable_colors.css в папке текущего года; классы (E,B,X...) на страницы курсов добавляет скрипт rewrite_courses, подтягивая их из расписания raspis.html, составленного вручную.
 * При этом на печати (media print действует правило окраски, заданное в timetable_colors.)
 * */
@media screen{
.A {background-color:none !important}
.A {background:none !important}
.B {background: none !important;}
.C {background: none !important;}
.E {background: none !important;}
.F {background: none !important;}
.G {background: none !important;}
.L {background: none !important;}
.R {background: none !important;} 
.X {background: none !important;}
}

@media (max-width: 800px) {
    h1 {font-size: 21pt}
    h2 {font-size: 16pt}
}
@media (max-width: 650px) {
    h1 {font-size: 17pt}
    h2 {font-size: 15pt}
}
@media (max-width: 560px) {
   .header span {float: none !important; display: block}
   .photo {float: none; padding: 0 0 1mm 0}
   body {padding: 1mm 2mm}
}
@media print {
	.header, .footer {display:none}
	@page{
		margin: 0;
	}
	body {
		background-color:none;
		background:none;
		margin:1cm;
		max-width: none;
		hyphens: auto;
		font-size: 100%;
	}
   .abs {padding:0; margin:0;}
   .abs p {text-align:left; margin:0 0 0.1em 0; text-indent:1.5em; }
	p:first-of-type {
		text-indent: 0;
	}
	a:link, a:visited {text-decoration: none; color: black}
}