#main										{max-width:1240px; background:url(../oopt/bg.jpg) repeat-x #DBE2D2; font:18px "verdana"}

#mobile-title						{visibility:hidden; text-align:center; font:28px "badscript"; font-weight:bold; margin:80px auto 0; padding:0 30px 0; text-shadow:black 0 0 1px; line-height:1.4}

#grid-main							{display:grid; grid-template-columns:600px 600px; justify-content:space-evenly; margin-top:120px}

#grid-left,
#grid-right							{display:grid; grid-template-columns:600px; grid-template-rows:repeat(auto, auto); grid-row-gap:14px}

.grid-left-item,
.grid-right-item				{display:grid; grid-gap:5px; grid-template-columns:1fr 150px; place-items:center; text-align:center; box-shadow:black 0 0 2px; padding:5px; background:rgba(95, 168, 160, 0.4); font-style:italic; border-radius:5px; overflow:hidden}

.grid-left-item					{grid-template-columns:150px 1fr}

.grid-right-item				{grid-template-columns:1fr 150px}

.oopt-logo-img					{border-radius:5px; box-shadow:black 0 0 4px 0}
p												{font-family:"badscript"; font-size:22px}
.url										{padding:8px; border-radius:3px; border:1px solid #708090; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.3), 0 0 4px 1px rgba(0,0,0,0.2); text-decoration:none; background:transparent}
.url:hover							{background:#00CDCD}

.altaiskiy-logo					{height:142px; grid-row:1/3}
.shorskiy-logo					{height:143px; grid-row:1/3}
.katunskiy-logo					{height:112px; grid-row:1/3}
.kuznetskiy-alatau-logo	{height:136px; grid-row:1/3}
.sayanoshush-logo				{height:139px; grid-row:1/3}
.tigirekskiy-logo				{height:80px; grid-row:1/3}
.tungus-logo						{height:137px; grid-row:1/3; grid-column-start:2}
.stolby-logo						{height:107px; grid-row:1/3; grid-column-start:2}
.hakas-logo							{height:150px; grid-row:1/3; grid-column-start:2}
.shushbor-logo					{height:150px; grid-row:1/3; grid-column-start:2}
.azas-logo							{height:136px; grid-row:1/3; grid-column-start:2}
.ergaki-logo						{height:84px; grid-row:1/3; grid-column-start:2}
.ubsunur-logo						{height:113px; grid-row:1/3; grid-column-start:2}













@media (max-width:1260px) {
#main										{width:100%; margin:0; box-shadow:none; border-radius:0; background:url(../oopt/bg-mobile.jpg) repeat-x #DBE2D2}

#mobile-title						{visibility:visible}

#grid-main							{grid-template-columns:100%; margin-top:30px}

#grid-left,
#grid-right							{grid-template-columns:100%; grid-template-rows:auto; grid-row-gap:7px}

#grid-right							{margin-top:7px}

/*.grid-left-item					{border-radius:0}*/
.grid-left-item					{grid-template-columns:1fr 150px; border-radius:0}

/*.grid-right-item				{grid-template-columns:150px 1fr; border-radius:0}*/

/*.tungus-logo,
.stolby-logo,
.hakas-logo,
.shushbor-logo,
.azas-logo,
.ergaki-logo,
.ubsunur-logo						{grid-column-start:1}*/

.altaiskiy-logo,
.shorskiy-logo,
.katunskiy-logo,
.kuznetskiy-alatau-logo,
.sayanoshush-logo,
.tigirekskiy-logo				{grid-column-start:2}

p												{font-size:20px}
.url										{font-size:16px}
}