/* CSS Document */
.body text {
	margin:20px;
	padding:0px;
	text-align: center;
}
.container{
	display:grid;
	grid-template-columns: repeat(6,1fr);
	grid-auto-rows:100px 50px;
	grid-gap:10px;
	grid-auto-flow:dense;  
}
.containersvatebnicatering{
	display:grid;
	grid-template-columns: repeat(11,1fr);
	grid-auto-rows:80px 25px;
	grid-gap:10px;
	grid-auto-flow:dense;  
}
.containersvatebniraut{
	display:grid;
	grid-template-columns: repeat(11,1fr);
	grid-auto-rows:100px 80px;
	grid-gap:10px;
	grid-auto-flow:dense;  
}
.gallery-item{
	width:100%;
	height:100%;
	position:relative;
}

.gallery-item .image{
	width:100%;
	height:100%;
	overflow:hidden;
}

.gallery-item .image img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position:50% 50%;
	cursor: pointer;
	transition: .5s easy-in-out;
}
.gallery-item:hover .image img{
	transform:scale(1.5);
}
.gallery-item .text{
	opacity:0;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color: #fff;
	font-size:25px;
	pointer-events: none;
	transition: .3s ease-in-out;
	-webkit-backdrop-filter: blur(5px) saturate(1.8);
	backdrop-filter: blur(5px) saturate(1.8);
}


.w-1{
	grid-column: span 1;
}
.w-2{
	grid-column: span 2;
}
.w-3{
	grid-column: span 3;
}
.w-4{
	grid-column: span 4;
}
.w-5{
	grid-column: span 5;
}
.w-6{
	grid-column: span 6;
}
.w-7{
	grid-column: span 7;
}
.w-8{
	grid-column: span 8;
}
.w-9{
	grid-column: span 9;
}
.w-10{
	grid-column: span 10;
}
.w-11{
	grid-column: span 11;
}
.w-12{
	grid-column: span 12;
}


.h-1{
	grid-row: span 1;
}
.h-2{
	grid-row: span 2;
}
.h-3{
	grid-row: span 3;
}
.h-4{
	grid-row: span 4;
}
.h-5{
	grid-row: span 5;
}
.h-6{
	grid-row: span 6;
}
.h-7{
	grid-row: span 7;
}
.h-8{
	grid-row: span 8;
}
.h-9{
	grid-row: span 9;
}
.h-10{
	grid-row: span 10;
}


@keyframes move-down{
	0%{
		top:10%;
	}
	50%{
		top:35%;
	}
	100%{
		top:50%;
	}
}