/** {f:'style-uvod.scss', v:1.2, du:'2020-02-17', d:'2020-02-17'} **/

:root {
  --small: 700px;
}



html,body { max-width:100vw; scroll-behavior: smooth; font-family: Verdana, Geneva, Tahoma, sans-serif; color:#0f0f0f; margin:0; padding:0; font-size: 100%; font-weight: 300; overflow-x: hidden; }

a,a.hover,a:visited { color: inherit; text-decoration: none; }
a { display: flex; justify-content: flex-start; align-items: center; }
  .center a { justify-content: center; }
  .right  a { justify-content: flex-end; }
a .fa { margin-right:0.5em; color:rgba(0,0,0,0.4); transition: all 0.3s; }
a:hover .fa { transform: scale(1.5); }

.wrap-cover-uvod { position: relative; height: 80vh; }
.maA { width:calc( 100% - 4rem ); max-width: 600px;
  margin: 0 auto;
}
.vhA { height: 20vh; }
.vhB { font-size: 190%; font-weight: 400; } @media screen and (max-width: var(--small)) { .vhB { font-size: 160%; } }
.vhC { margin-bottom:2rem; }
.vhD { display: flex; justify-content: flex-end;
        a   { margin-right:1rem; }
        img { width:45px; height:auto; }
     }
.qrP { position: absolute; right:1rem; bottom:1rem; } @media screen and (max-width: var(--small)) { .qrP img { width:100px; height:100px; } }

.cookiesGBB { left: calc(50% - 1.5rem); }

footer {
  min-height: 20vh;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  > div {
    padding: 3rem;
    margin: 0 auto;
    max-width: var(--small);
  }
}