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


div#contentwrapper									{ float: left; width: 100%; background-color: #ffffff; }
div#content										{ float: none; width: 100%; max-width: 1200px; margin: auto; font-family: OnestRegular, Arial; color: #404040; }
div#content			span							{ font-family: OnestBold, Arial; color: #242424; }
div#content			p							{ margin: 0; }
div#content			p				img			{ width: 100%; }
div#content			p.title							{ font-family: OnestBold, Arial; color: #383838; }
div#content			div.halfleftimage		img			{ display: block; width: 100%; margin: 0; }
div#content			div.halfrightimage		img			{ display: block; width: 100%; margin: 0; }
div#content			div.halfleftimage		p			{ margin-top: 6px; text-align: center; }
div#content			div.halfrightimage		p			{ margin-top: 6px; text-align: center; }
div#content			div.halfimageborder					{ border: 1px solid #f24405; }
div#content			div.halflefttext					{ float: left; width: 48%; margin-right: 2%; }
div#content			div.halfrighttext					{ float: left; width: 48%; margin-left: 2%; }
div#content			ol							{ padding-left: 1em; display: block; font-family: OnestRegular, Arial; box-sizing: border-box; }
div#content			ol				li			{ list-style-position: outside; padding-left: 0.5em; }
div#content			ol				li::before		{ text-indent: -0.5em; }
div#content			ul, li							{ font-family: OnestRegular, Arial; margin: 0; padding: 0; border: 0; outline: 0; }
div#content			ul				li:before		{ content: '\2014\a0\a0'; }
div#content			ul							{ display: block; margin-left: 1.3em; list-style-position: outside; text-indent: -1.3em; box-sizing: border-box; }
div#content			ul				li			{ list-style-position: outside; list-style-type: none; text-indent: -1.3em; margin-bottom: 0px; }


@media screen and (min-width: 360px)
{
 div#contentwrapper									{ padding: 20px 24px 6px 24px; }
 div#content			p							{ margin-bottom: 16px; font-size: 15px; line-height: 21px; }
 div#content			p.title							{ margin-bottom: 16px; font-size: 18px; line-height: 18px; }
 div#content			div.halfleftimage					{ float: left; width: 100%; margin-right: 0; }
 div#content			div.halfrightimage					{ float: left; width: 100%; margin-left: 0; }
 div#content			ul, li							{ font-size: 15px; line-height: 20px; }
 div#content			ul							{ margin-bottom: 16px;; }
 div#content			div.halfimageborder					{ padding: 10px 11px; border-radius: 20px; }
 div#content			div.halfimageborder		img			{ border-radius: 10px; }
}


@media screen and (min-width: 400px)
{
 div#contentwrapper									{ padding: 22px 24px 8px 24px; }
 div#content			p							{ font-size: 16px; line-height: 22px; }
 div#content			p.title							{ font-size: 19px; line-height: 19px; }
 div#content			ul, li							{ font-size: 16px; line-height: 21px; }
 div#content			div.halfimageborder					{ padding: 11px 12px; border-radius: 20px; }
 div#content			div.halfimageborder		img			{ border-radius: 10px; }
}


@media screen and (min-width: 450px)
{
 div#contentwrapper									{ padding: 23px 24px 9px 24px; }
 div#content			p							{ font-size: 17px; line-height: 23px; }
 div#content			p.title							{ font-size: 22px; line-height: 22px; }
 div#content			ul, li							{ font-size: 17px; line-height: 22px; }
}


@media screen and (min-width: 500px)
{
 div#contentwrapper									{ padding: 23px 25px 10px 25px; }
 div#content			p							{ font-size: 18px; line-height: 24px; }
 div#content			p.title							{ font-size: 23px; line-height: 23px; }
 div#content			ul, li							{ font-size: 18px; line-height: 23px; }
 div#content			div.halfimageborder					{ padding: 13px 14px; border-radius: 20px; }
 div#content			div.halfimageborder		img			{ border-radius: 10px; }
}


@media screen and (min-width: 550px)
{
 div#contentwrapper									{ padding: 24px 28px 11px 28px; }
 div#content			p							{ font-size: 19px; line-height: 25px; }
 div#content			p.title							{ font-size: 24px; line-height: 24px; }
 div#content			ul, li							{ font-size: 19px; line-height: 24px; }
}


@media screen and (min-width: 600px)
{
 div#content			p							{ font-size: 20px; line-height: 26px; }
 div#content			p.title							{ font-size: 25px; line-height: 25px; }
 div#content			div.halfleft						{ float: left; width: 100%; margin-right: 0; }
 div#content			div.halfright						{ float: left; width: 100%; margin-left: 0; }
 div#content			ul, li							{ font-size: 20px; line-height: 25px; }
 div#content			div.halfimageborder					{ padding: 14px 15px; border-radius: 22px; }
 div#content			div.halfimageborder		img			{ border-radius: 12px; }
}


@media screen and (min-width: 650px)
{
 div#contentwrapper									{ padding: 25px 30px 12px 30px; }
 div#content			p							{ margin-bottom: 18px; font-size: 21px; line-height: 27px; }
 div#content			p.title							{ margin-bottom: 18px; font-size: 26px; line-height: 26px; }
 div#content			ul, li							{ font-size: 21px; line-height: 26px; }
 div#content			ul							{ margin-bottom: 18px; }
}


@media screen and (min-width: 700px)
{
 div#contentwrapper									{ padding: 26px 30px 12px 30px; }
 div#content			p							{ margin-bottom: 20px; font-size: 22px; line-height: 28px; }
 div#content			p.title							{ margin-bottom: 20px; font-size: 27px; line-height: 27px; }
 div#content			div.halfleftimage					{ float: left; width: 48%; margin-right: 2%; }
 div#content			div.halfrightimage					{ float: left; width: 48%; margin-left: 2%; }
 div#content			ul, li							{ font-size: 22px; line-height: 27px; }
 div#content			ul							{ margin-bottom: 20px; }
}


@media screen and (min-width: 750px)
{
 div#contentwrapper									{ padding: 26px 32px 12px 32px; }
 div#content			p							{ font-size: 23px; line-height: 29px; }
 div#content			p.title							{ font-size: 28px; line-height: 28px; }
 div#content			ul, li							{ font-size: 23px; line-height: 28px; }
}


@media screen and (min-width: 800px)
{
 div#contentwrapper									{ padding: 27px 32px 13px 32px; }
 div#content			p							{ font-size: 24px; line-height: 30px; }
 div#content			p.title							{ font-size: 29px; line-height: 29px; }
 div#content			ul, li							{ font-size: 24px; line-height: 29px; }
}


@media screen and (min-width: 850px)
{
 div#contentwrapper									{ padding: 27px 35px 13px 35px; }
}


@media screen and (min-width: 950px)
{
 div#content			p.title							{ font-size: 32px; line-height: 32px; }
}


@media screen and (min-width: 1000px)
{
 div#content			p							{ font-size: 25px; line-height: 31px; }
 div#content			p.title							{ font-size: 34px; line-height: 34px; }
 div#content			ul, li							{ font-size: 25px; line-height: 30px; }
}


@media screen and (min-width: 1200px)
{
 div#content			p.title							{ font-size: 37px; line-height: 37px; }
}


@media screen and (min-width: 1300px)
{
 div#contentwrapper									{ padding: 40px 24px 18px 24px; }
 div#content			p							{ margin-bottom: 30px; font-size: 26px; line-height: 32px; }
 div#content			p.title							{ margin-bottom: 30px; font-size: 40px; line-height: 40px; }
 div#content			ul, li							{ font-size: 26px; line-height: 31px; }
 div#content			ul							{ margin-bottom: 34px; }
 div#content			div.halfimageborder					{ padding: 14px 15px; border-radius: 30px; }
 div#content			div.halfimageborder		img			{ border-radius: 20px; }
}
