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


div#previewswrapper									{ float: left; width: 100%; background-color: #ffffff; }
div#previews										{ float: none; width: 100%; max-width: 900px; margin: auto; font-family: LabGrotesqueLight, Arial; }
div#previews		div.preview		img					{ display: block; float: left; }
div#previews		div.preview		p					{ margin: 0; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; text-align: justify; }
div#previews		div.clearleft							{ clear: left; }


@media screen and (min-width: 360px)
{
 div#previewswrapper									{ padding: 23px 24px 24px 24px; }
 div#previews		div.preview							{ float: left; width: 100%; margin-bottom: 22px; font-size: 14px; line-height: 18px; color: #000000; }
 div#previews		div.preview		img					{ width: 58px; margin: 0 16px 0px 0; }
 div#previews		div.preview#hobby						{ margin-bottom: 0; }
 div#previews		div.clearleft#first						{ display: none; }
 div#previews		div.clearleft#second						{ display: none; }
 div#previews		div.clearleft#third						{ display: none; }
 div#previews		div.clearleft#fourth						{ display: none; }
}


@media screen and (min-width: 400px)
{
 div#previews		div.preview							{ font-size: 15px; line-height: 19px; }
 div#previews		div.preview		img					{ width: 60px; margin: 0 16px 0px 0; }
}


@media screen and (min-width: 500px)
{
 div#previews		div.preview							{ font-size: 16px; line-height: 20px; }
 div#previews		div.preview		img					{ width: 64px; margin: 0 18px 0px 0; }
}


@media screen and (min-width: 550px)
{
 div#previews		div.preview							{ margin-bottom: 28px; }
 div#previews		div.preview#bio							{ width: 48%; }
 div#previews		div.preview#science						{ width: 48%; margin-left: 4%; }
 div#previews		div.clearleft#second						{ display: block; }
 div#previews		div.preview#education						{ width: 48%; }
 div#previews		div.preview#innovations						{ width: 48%; margin-left: 4%; }
 div#previews		div.clearleft#fourth						{ display: block; }
 div#previews		div.preview#hobby						{ width: 48%; }
 div#previews		div.preview		img					{ width: 63px; margin: 0 20px 0px 0; }
}


@media screen and (min-width: 800px)
{
 div#previewswrapper									{ padding: 30px 24px 30px 24px; }
 div#previews		div.preview							{ margin-bottom: 24px; font-size: 17px; line-height: 23px; }
 div#previews		div.preview#bio							{ width: 31%; }
 div#previews		div.preview#science						{ width: 31%; margin-left: 3.5%; }
 div#previews		div.preview#education						{ width: 31%; margin-left: 3.5%; }
 div#previews		div.preview#innovations						{ width: 31%; margin: 0; }
 div#previews		div.preview#hobby						{ width: 31%; margin-left: 3.5%; }
 div#previews		div.preview		img					{ width: 72px; margin: 0 20px 0px 0; }
 div#previews		div.clearleft#second						{ display: none; }
 div#previews		div.clearleft#fourth						{ display: none; }
 div#previews		div.clearleft#third						{ display: block; }
}