#moblogo {
position: absolute;
top:3px;
left: 3px;
opacity: 0.99;
}

#navigation {
margin-top: 50px;
margin-bottom: 20px;
text-align: center;
font-family: Tahoma;
font-size: 80%;
color:rgb(153,153,153);
}

#text-about {
font-size: 19px; 
font-family:"Helvetica Neue",serif;
font-family:"Calibri",sans-serif;
font-weight: bold;
max-width: 1170px;
margin: auto;
padding: 10px;
}

organization {
opacity: 0.7;
padding: 10px;
cursor: pointer;
max-width: 400px;
}

organization strong:hover {
opacity: 0.9;
transition: 1s;
}

organization small:hover {
transition: 1s;
border-bottom: 1px dashed #909090;
}

#gallery-kraken {
display: flex;
  justify-content: center;
  flex-flow: row wrap;

}
.batiskapa_club { margin: 4px;  cursor: pointer; transition: 0.5s; }
.batiskapa_club:hover { opacity: 0.9; transition: 0.5s; }

#navigation a { color:rgb(249,215,151);  text-transform: uppercase;  }

.blurmap {
padding: 5px;
border: 10px solid transparent;
-webkit-box-shadow: -1px 5px 24px 7px rgba(34, 60, 80, 0.29);
-moz-box-shadow: -1px 5px 24px 7px rgba(34, 60, 80, 0.29);
box-shadow: -1px 5px 24px 7px rgba(34, 60, 80, 0.29);
backdrop-filter: blur(5px); 
}

@media (max-width: 1200px) {
.x-resize { width: 120px; height: auto; }
#text-about { max-width: 900px; }
}



@media (max-width: 900px) {
.x-resize { width: 100px; height: auto; }
#text-about { max-width: 750px;  }
.blurmap { width: 95%; }
#buy-kraken { max-width: 95%; }
}

@media (max-width: 700px) {
#text-about { max-width: 550px;  }
.blurmap { width: 95%; }
#buy-kraken { max-width: 95%; }
}

@media (max-width: 500px) {
.blurmap { width: 90%;  height: 500px; }
#buy-kraken { max-width: 95%; }
}