/* úvodní stránka - pozadí a rozložení */

body {
	background-size: cover;
	background-repeat: no-repeat;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 50px;
	}

.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../img/poz.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	filter: blur(3px);
	z-index: -1;
	}

.page {
	width: 55%;
	border-radius: 5px;
	min-width: 1001px;
	padding: 5px 15px  1px 15px;
	box-shadow: black 0px 0px 0px;
	margin: auto;
	background-color: rgba(252, 253, 250, 0.95);
	margin-top: 100px;
	}



/* úvodní stránka - nabídka */

h1 {
	font-size: 30px; 
	}
    
.items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	}

.item {
  	width: 24%;       /* 4 vedle sebe na desktopu */
  	min-width: 160px;    /* aby na mobilu přežily */
  	text-align: center;
  	box-sizing: border-box;
 	}

.item a {
  	display: block;                /* celý box klikací */
  	width: 100%;                   /* pokrývá celý .item */
  	text-decoration: none;
  	box-sizing: border-box;
  	transition: 0.3s;
  	border-radius: 3px 3px 0px 0px;
  	padding: 0px 0px 2px 0px;
	}

.item a:hover {
	border-radius: 5px;
	box-shadow: 0px 3px 5px 0px rgba(118,118,118,0.6);
	}

.item img {
  	width: 100%;         /* obrázek pokryje celý blok */
  	height: auto;        /* zachová proporce */
  	margin:auto;
  	padding: 0px 0px  0px 0px;
  	border-radius: 5px 5px 0px 0px;
  	transition: 0.1s;  
  	display: inline-block;
	}

.item a:hover img {
  	filter: contrast(105%) brightness(105%);
  	display: inline-block;
	}

.item H1 {
  	margin: 3px 0px 0px 0px;
  	font-size: 18px;
  	color: black;
	}

.item H2 {
  	margin: 5px 0px 0px 0px;
  	font-size: 14px;
  	color: black;
  	opacity: 0.5;
	transition: 0.3s; 
	}

.item a:hover H2 {
  	opacity: 1;
	}

.item H3 {
  	margin: 5px;
  	padding: 5px;
  	font-size: 16px;
  	border: 1px solid black; 
  	color: black; 
  	opacity: 0.5;
  	border-radius: 5px;
  	transition: 0.3s; 
	}

.item a:hover H3 {
  	opacity: 1;
	}

.item p {
  	font-size: 12px;
  	align: left;
  	color: black; 
  	opacity: 0.5;
	transition: 0.3s; 
	}

.item a:hover p {
  	opacity: 1;
	}

.item .arrow {
  	display: inline-block;              /* nutné pro transform */
  	transition: 0.3s ;    /* plynulý pohyb */
  	color:red;
	}

.item a:hover .arrow {
  	transform: translateX(5px);
  	color:red;
	}



 /* úvodní stránka - patička*/

.foot {
	width:50%;
	}

.footer a:link {
	color: black;
	text-align: left;
	}

.footer a:hover {
	color: black;
	}
    
.footer a:visited {
	color: black;
	}   
 

/* úvodní stránka - mobilní zobrazení */

@media (max-width: 1000px) {
	.item {
		width: 32%; 
        	filter: grayscale(0%);
		}  

	.item a {
		filter: grayscale(0%)
		}               

	.page {
		width: 100%;
		margin-top: 50px;
		min-width: 501px;
		}
	.foot {
		width: 50%; 
		text-align:center;
		}     
	}



/* úvodní stránka - nejmenší možné mobilní zobrazení */

@media (max-width: 600px) {
	.item {
		width: 47%; 
        	}                 

	.item a {
		filter: grayscale(0%)
		}

	.page {
		width: 100%;
		margin-top: 50px;
		min-width: 280px;
		}

	.foot {
		width: 100%; 
		text-align:center;
		}     
	
	 h1 {
		font-size: 25px; 
		}

	}