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


div#mainmenuwrapper									{ width: 100%; background-color: #ffffff; }
div#mainmenu										{ width: 100%; max-width: 900px; }
div#mainmenu 		div								{ font-family: LabGrotesqueBold, Arial; color: #404040; }
div#mainmenu		div			a					{ text-decoration: none; border: 0; color: #404040; }
div#mainmenu		div			a:hover					{ font-family: LabGrotesqueBold, Arial; }
div#mainmenu		div			a.bio:hover				{ color: #2255b8; }
div#mainmenu		div			a.science:hover				{ color: #3ba515; }
div#mainmenu		div			a.education:hover			{ color: #e11a1a; }
div#mainmenu		div			a.innovations:hover			{ color: #e7920d; }
div#mainmenu		div			a.hobby:hover				{ color: #a549f2; }


@media screen and (min-width: 360px)
{
 div#mainmenuwrapper									{ float: left; padding: 18px 24px 6px 24px; }
 div#mainmenu 										{ display: block; float: left; }
 div#mainmenu 			div							{ display: block; float: left; padding-bottom: 12px; font-size: 16px; line-height: 16px; }
 div#mainmenu 			div:nth-of-type(3n + 1)					{ width: 39%; }
 div#mainmenu 			div:nth-of-type(3n + 2)					{ width: 33%; text-align: center; }
 div#mainmenu 			div:nth-of-type(3n + 3)					{ width: 28%; text-align: right; }
 div#mainmenu			div				a			{ font-family: LabGrotesqueLight, Arial; font-size: 15px; line-height: 15px; color: #404040; }
 div#mainmenu			div				a:hover			{ font-size: 16px; line-height: 16px; }
}


@media screen and (min-width: 400px)
{
 div#mainmenuwrapper									{ padding: 20px 24px 6px 24px; }
 div#mainmenu 			div							{ padding-bottom: 14px; font-size: 17px; line-height: 17px; }
 div#mainmenu 			div:nth-of-type(3n + 1)					{ width: 38%; }
 div#mainmenu 			div:nth-of-type(3n + 2)					{ width: 34%; }
 div#mainmenu 			div:nth-of-type(3n + 3)					{ width: 28%; }
 div#mainmenu			div				a			{ font-size: 16px; line-height: 16px; }
 div#mainmenu			div				a:hover			{ font-size: 17px; line-height: 17px; }
}


@media screen and (min-width: 500px)
{
 div#mainmenuwrapper									{ padding: 22px 24px 8px 24px; }
 div#mainmenu 			div							{ padding-bottom: 16px; font-size: 18px; line-height: 18px; }
 div#mainmenu			div				a			{ font-size: 17px; line-height: 17px; }
 div#mainmenu			div				a:hover			{ font-size: 18px; line-height: 18px; }
}


@media screen and (min-width: 550px)
{
 div#mainmenuwrapper									{ padding: 20px 24px 20px 24px; }
 div#mainmenu 										{ float: none; margin: auto; text-align: justify; font-size: 1px; }
 div#mainmenu::after									{ display: inline-block; width: 100%; content: ''; }
 div#mainmenu 			div							{ display: inline-block; float: none; width: auto; padding-bottom: 0; font-size: 16px; line-height: 16px; }
 div#mainmenu 			div:nth-of-type(3n + 1)					{ width: auto; }
 div#mainmenu 			div:nth-of-type(3n + 2)					{ width: auto; }
 div#mainmenu 			div:nth-of-type(3n + 3)					{ width: auto; }
 div#mainmenu			div				a			{ text-decoration: none; border: 0; font-size: 14px; line-height: 16px; }
 div#mainmenu			div				a:hover			{ font-family: LabGrotesqueBold, Arial; font-size: 16px; line-height: 16px; }
}



@media screen and (min-width: 600px)
{
 div#mainmenuwrapper									{ padding: 22px 24px 22px 24px; }
 div#mainmenu 			div							{ font-size: 17px; line-height: 17px; }
 div#mainmenu			div				a			{ font-size: 15px; line-height: 17px; }
 div#mainmenu			div				a:hover			{ font-size: 17px; line-height: 17px; }
}


@media screen and (min-width: 700px)
{
 div#mainmenuwrapper									{ padding: 23px 24px 23px 24px; }
 div#mainmenu 			div							{ font-size: 18px; line-height: 18px; }
 div#mainmenu			div				a			{ font-size: 16px; line-height: 20px; }
 div#mainmenu			div				a:hover			{ font-size: 18px; line-height: 18px; }
}


@media screen and (min-width: 830px)
{
 div#mainmenuwrapper									{ padding: 24px 24px 24px 24px; }
 div#mainmenu 			div							{ font-size: 21px; line-height: 21px; }
 div#mainmenu			div				a			{ font-size: 18px; line-height: 22px; }
 div#mainmenu			div				a:hover			{ font-size: 21px; line-height: 21px; }
}


@media screen and (min-width: 960px)
{
 div#mainmenuwrapper									{ padding: 26px 24px 26px 24px; }
 div#mainmenu 			div							{ font-size: 24px; line-height: 24px; }
 div#mainmenu			div				a			{ font-size: 20px; line-height: 24px; }
 div#mainmenu			div				a:hover			{ font-size: 24px; line-height: 24px; }
}