.screen {
    display: none;
}

#screen-1 {
    display: block;
}
.yt-top-mask {
    
    opacity: 0.5;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0px;
    z-index: 100;
}
.app-video {
    position: relative;
}
.yt-bottom-mask {
    
    opacity: 0.5;
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0px;
    z-index: 100;
}

.footer-app__languages a.selected {
    opacity: 1; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.gallery-grid {
  padding: 60px 0px 30px 0;
  /* margin-bottom: 50px; */
  display: block;
  overflow: hidden;
  margin: 0 -6px;
}

.gallery-grid .image-container  {
 display: block;
 width: 29%;
 height: 110px;
 float: left;
 margin: 6px;
 background-size: cover;
 background-position: center center;
}

.app-page .categories-list_ {
  display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 32px;
      margin-top: 60px;
}

.categories-list_ .image-wrapper {
  aspect-ratio: 4 / 3; /* ali 1 / 1 za kvadrat */
  overflow: hidden;
  margin-bottom: 10px;
}

.categories-list_ .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* sliko poreže, da zapolni prostor */
  display: block;
}