@charset "utf-8";
/* CSS Document.. */
@font-face {
	font-family: fontSenRegular;
	src: url(fonts/Sen/Sen-Regular.ttf);
}
body {
	font-family: fontSenRegular, sans-serif;
	color: rgba(196, 196, 196, 1.00);
	margin: 0px;
	padding: 0px;
	background-color:#11181a;
	background-image: url("template/bg-v02.svg"),url("template/bg-v01.png");
	background-repeat: repeat-Y, repeat;
	background-position: top center, top left;
	background-size: 100% auto, auto;
}
h1 {
	font-size: 18px;
}
p{
	font-size: 14px;
}
img {
	width: 100%;
	transform: scale(1); /*proměnna hodnota*/
	/*transition: transform 0.1s ease-in-out 0s;*/
	transition:transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 4px;
}
img:hover{
	transform:scale(1.05); /*proměnna hodnota*/
	box-shadow: 0 10px 20px rgba(30,60,60,1.00);
}
.item-box {
	margin: 10% auto;
}
.flex-container {
	display: flex; /* or inline-flex */
	flex-wrap: wrap;
	margin: 0px;
}
.flex-item {
	width: 100%;
	margin-top: 10%;
	margin-right: auto;
}
.strana {
	margin: 5%;
}

@media screen and (min-width: 1000px) {
	.flex-container {
		margin: 7%;
	}
	.flex-item {
		width: 30%;
		margin-top: 2%;
		margin-right: 2%;
		cursor: pointer;
	}
	.strana {
		margin: 7%;
	}
}