#main											{background:url(../oopt/hakas/bg.jpg)}

#header-bg								{background:url(../oopt/hakas/header-bg.jpg) no-repeat; height:250px}

#grid-mainpage						{position:relative; display:grid; grid-template-columns:1fr; align-items:start; justify-items:center; grid-column-gap:10px; margin-top:-235px}

#header-title							{position:absolute; justify-self:center}

#logo-site-mainpage				{grid-column:1/-1; justify-self:start; margin:130px 0 0 20px; border-radius:5px; padding:4px; background:transparent; box-shadow:black 0 0 5px}
#logo-site-mainpage > img	{border-radius:5px; opacity:0.9}
#logo-site-mainpage:hover	{padding:4px; background:#00A19B}

#title-fauna							{grid-column:1/-1; margin-top:20px}










@media (max-width:1260px) {
#header-title > img,
#title-fauna > img					{width:100%; padding:0 5px 0}
}





@media (max-width:1060px) {
#header-title								{margin-top:50px}
}