/* Сделано в Студии Егора Чернорукова / www.chernorukov.ru */


div#contentwrapper											{ float: left; width: 100%; background-color: #ffffff; }
div#content												{ float: none; width: 100%; max-width: 900px; margin: auto; font-family: LabGrotesqueLight, Arial; }
div#content					h1							{ margin: 0; font-family: LabGrotesqueBold, Arial; }
div#content					p							{ margin: 0; color: #404040; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; text-align: justify; }
div#content					img							{ display: inline; width: 100%; max-width: 500px; vertical-align: top; }

div#content					p.icon							{ position: relative; }
div#content					p.icon::before						{ content: ''; position: absolute; display: block; }
div#content					p.doc::before						{ background-image: url('/img/doc.png'); }
div#content					p.pdf::before						{ background-image: url('/img/pdf.png'); }
div#content					p.ppt::before						{ background-image: url('/img/ppt.png'); }

div#content					ol, ul							{ counter-reset: num; list-style-type: none; margin: 0 0 0 1.6em; padding: 0; }
div#content					ol li, ul li						{ position: relative; text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; font-family: LabGrotesqueLight, Arial; }
div#content					ol.bold > li						{ font-family: LabGrotesqueBold, Arial; }
div#content					ol li::before, ul li::before				{ position: absolute; top: 0px; left: -1.6em; text-align: left; }
div#content					ol.bold > li::before					{ content: counter(num) '.'; counter-increment: num; font-family: LabGrotesqueBold, Arial; }
div#content					ol.light > li::before					{ content: counter(num) '.'; counter-increment: num; font-family: LabGrotesqueLight, Arial; }
div#content					ul li::before						{ content: '\2014\a0\a0'; font-family: LabGrotesqueLight, Arial; }


@media screen and (min-width: 360px)
{
 div#contentwrapper											{ padding: 20px 23px 4px 23px; }
 div#content					h1							{ font-size: 22px; line-height: 20px; margin-bottom: 18px; }
 div#content					p							{ font-size: 14px; line-height: 18px; margin-bottom: 16px; }
 div#content					img							{ margin: 4px 0 4px 0; }
 div#content					p.icon							{ margin: 14px 0 19px 25px; }
 div#content					p.icon::before						{ width: 17px; height: 20px; top: 0px; left: -25px; background-size: 17px 20px; }
 div#content					ol, ul, ul li, ol li					{ font-size: 14px; line-height: 18px; }
 div#content					ol, ul							{ margin-bottom: 14px; }
 div#content					ol > li > ul						{ margin-top: 11px; }
}


@media screen and (min-width: 400px)
{
 div#contentwrapper											{ padding: 21px 23px 8px 23px; }
 div#content					h1							{ font-size: 23px; line-height: 20px; margin-bottom: 19px; }
 div#content					p							{ font-size: 15px; line-height: 19px; margin-bottom: 16px; }
 div#content					img							{ margin: 5px 0 5px 0; }
 div#content					ol, ul, ul li, ol li					{ font-size: 15px; line-height: 19px; }
 div#content					ol, ul							{ margin-bottom: 15px; }
 div#content					ol > li > ul						{ margin-top: 12px; }
}


@media screen and (min-width: 500px)
{
 div#contentwrapper											{ padding: 21px 23px 8px 23px; }
 div#content					h1							{ font-size: 24px; line-height: 20px; margin-bottom: 20px; }
 div#content					p							{ font-size: 16px; line-height: 20px; margin-bottom: 18px; }
 div#content					img							{ margin: 5px 0 5px 0; }
 div#content					p.icon							{ margin: 16px 0 18px 26px; }
 div#content					p.icon::before						{ width: 18px; height: 21px; top: 0px; left: -26px; background-size: 18px 21px; }
 div#content					ol, ul, ul li, ol li					{ font-size: 16px; line-height: 20px; }
 div#content					ol, ul							{ margin-bottom: 15px; }
}


@media screen and (min-width: 800px)
{
 div#contentwrapper											{ padding: 24px 23px 13px 23px; }
 div#content					h1							{ font-size: 25px; line-height: 20px; margin-bottom: 24px; }
 div#content					p							{ font-size: 17px; line-height: 23px; margin-bottom: 19px; }
 div#content					img							{ margin: 6px 0 6px 0; }
 div#content					p.icon							{ margin: 20px 0 22px 30px; }
 div#content					p.icon::before						{ width: 20px; height: 24px; top: 0px; left: -30px; background-size: 20px 24px; }
 div#content					ol, ul, ul li, ol li					{ font-size: 17px; line-height: 23px; }
 div#content					ol, ul							{ margin-bottom: 17px; }
}


@media screen and (min-width: 900px)
{
 div#contentwrapper											{ padding: 26px 23px 13px 23px; }
 div#content					h1							{ font-size: 28px; line-height: 20px; margin-bottom: 26px; }
 div#content					p							{ font-size: 18px; line-height: 24px; margin-bottom: 20px; }
 div#content					img							{ margin: 7px 0 7px 0; }
 div#content					p.icon							{ margin: 21px 0 23px 32px; }
 div#content					p.icon::before						{ width: 22px; height: 26px; top: -1px; left: -32px; background-size: 22px 26px; }
 div#content					ol, ul, ul li, ol li					{ font-size: 18px; line-height: 24px; }
 div#content					ol, ul							{ margin-bottom: 17px; }
 div#content					ol > li > ul						{ margin-top: 14px; }
}