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


div#titlewrapper									{ width: 100%; background-color: #174386; }
div#title										{ position: relative; float: none; width: 100%; max-width: 900px; margin: auto; color: #ffffff; }
div#title		div.clearleft							{ clear: left; }
div#title		div:nth-of-type(1)	img					{ display: block; width: 100%; }
div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ display: inline-block; padding-top: 0px; font-family: LabGrotesqueBold, Arial; }
div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ display: inline-block; font-family: LabGrotesqueBold, Arial; }
div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ display: inline-block; font-family: LabGrotesqueLight, Arial; }
div#title		div#language							{ position: absolute; top: 0; right: 0; }
div#title		div#language		img					{ display: block; width: 24px; height: 16px; }


@media screen and (min-width: 360px)
{
 div#titlewrapper									{ float: left; padding: 26px 22px; }
 div#title		div:nth-of-type(1)						{ float: left; width: 40%; }
 div#title		div:nth-of-type(2)						{ float: left; width: 53%; margin-left: 7%; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ font-size: 45px; line-height: 55px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 21px; line-height: 28px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ padding-top: 18px; font-size: 13px; line-height: 17px; }
}


@media screen and (min-width: 400px)
{
 div#titlewrapper									{ float: left; padding: 28px 24px 26px 24px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 4px; font-size: 48px; line-height: 58px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 23px; line-height: 30px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 14px; line-height: 18px; }
}


@media screen and (min-width: 450px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 10px; font-size: 50px; line-height: 60px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 27px; line-height: 33px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 15px; line-height: 18px; }
}


@media screen and (min-width: 500px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 12px; font-size: 55px; line-height: 65px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 30px; line-height: 36px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 16.5px; line-height: 20px; }
}


@media screen and (min-width: 550px)
{
 div#title		div:nth-of-type(1)						{ float: left; width: 30%; }
 div#title		div:nth-of-type(2)						{ float: left; width: 65%; margin-left: 5%; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 6px; font-size: 50px; line-height: 60px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 24px; line-height: 30px; }
 div#title		div:nth-of-type(4)						{ float: left; width: 65%; margin-left: 5%; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ padding-top: 14px; font-size: 13px; line-height: 17px; }
 div#title		div:nth-of-type(3)						{ display: none; }
}


@media screen and (min-width: 600px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 10px; font-size: 50px; line-height: 60px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 26px; line-height: 32px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ padding-top: 14px; font-size: 14px; line-height: 18px; }
}


@media screen and (min-width: 650px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 14px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 28px; line-height: 34px; }
}


@media screen and (min-width: 700px)
{
 div#titlewrapper									{ float: left; padding: 30px 24px 30px 24px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 18px; font-size: 55px; line-height: 65px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 32px; line-height: 38px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 16px; line-height: 20px; }
}


@media screen and (min-width: 750px)
{
 div#titlewrapper									{ float: left; padding: 30px 24px 30px 24px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 24px; font-size: 55px; line-height: 65px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 34px; line-height: 40px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 17px; line-height: 20px; }
}


@media screen and (min-width: 800px)
{
 div#titlewrapper									{ float: left; padding: 30px 24px 30px 24px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 26px; font-size: 57px; line-height: 65px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 36px; line-height: 40px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 17px; line-height: 20px; }
}


@media screen and (min-width: 850px)
{
 div#titlewrapper									{ float: left; padding: 34px 22px; }
 div#title		div:nth-of-type(1)						{ float: left; width: 26%; }
 div#title		div:nth-of-type(1)	img					{ display: block; width: 84%; }
 div#title		div:nth-of-type(2)						{ float: left; width: 74%; margin: 0; }
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 8px; font-size: 57px; line-height: 65px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 36px; line-height: 40px; }
 div#title		div:nth-of-type(4)						{ margin: 0; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 17px; line-height: 20px; }
}


@media screen and (min-width: 900px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ padding-top: 2px; font-size: 65px; line-height: 74px; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 42px; line-height: 54px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 15px; line-height: 20px; }
}


@media screen and (min-width: 1000px)
{
 div#title		div:nth-of-type(2)	span:nth-of-type(1)			{ font-size: 70px; line-height: 80px; padding: 0; }
 div#title		div:nth-of-type(2)	span:nth-of-type(2)			{ font-size: 45px; line-height: 60px; }
 div#title		div:nth-of-type(4)	span:nth-of-type(1)			{ font-size: 16px; }
}
