#content {
	padding-bottom: 3em;
	background-color: rgb(13, 13, 13);
	color: white;
}

#content h1 {
	text-align: center;
	font-size: 5em;
	margin: 0.5em 0;
}

#content p {
	font-size: 1.4em;
	line-height: 150%;
	text-align: justify;
	text-indent: 1em;

}

/* DOMU - O NAS */

#content>.domu .onas {
	display: flex;
	justify-content: center;
}

#content>.domu .onas .boxy {
	display: flex;
	justify-content: space-between;
	margin: 3em 0;
}

#content>.domu .onas .boxy .karta {
	flex-basis: 0;
	text-align: center;
}

#content>.domu .onas .boxy .karta h2 {
	font-size: 2em;
	margin: 1em 0;
	border-bottom: 2px solid white;
	display: inline-block;
	padding-bottom: 10px;
}

#content>.domu .onas .boxy .karta a {
	text-decoration: none;
	color: lightgray;
	border: 1px solid lightgrey;
	border-radius: 10px;
	padding: 1em 2em;
	display: inline-block;
	margin-top: 3em;
	transition: all 1s;
}

#content>.domu .onas .boxy .karta a i {
	margin-left: 1em;
	transition: all 0.2s;
}

#content>.domu .onas .boxy .karta a:hover {
	border: 1px solid white;
}

#content>.domu .onas .boxy .karta a:hover i {
	transform: translateX(10px);
}

@media(max-width:1035px) {
	#content>.domu .onas .boxy {
		flex-direction: column;
		row-gap: 4em;
	}

	#content>.domu .onas .boxy .karta {
		display: flex;
		column-gap: 2em;
	}

	#content>.domu .onas .boxy .karta h2 {
		margin-top: 0;
	}
}

@media(max-width:650px) {
	#content>.domu .onas .boxy .karta {
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	#content>.domu .onas .boxy .karta h2 {
		margin-top: 1em;
	}
}

/* DOMU - AKCE */

#content>.domu .akce {
	display: flex;
}

#content>.domu .akce .levy {
	width: 50%;
	background: rgb(41, 41, 41);
	display: flex;
	justify-content: flex-end;
	padding: 2em;
	text-align: right;
	color: white;
}

#content>.domu .akce .levy .boxy {
	width: 500px;
	display: flex;
	flex-direction: column;
	row-gap: 1.5em;
}

#content>.domu .akce .levy .boxy h2 {
	font-size: 2em;
	margin: 0.5em 0;
}

#content>.domu .akce .pravy {
	width: 50%;
	background: url(../img/limo-scenery.jpg);
	background-position: 50% 50%;
	background-size: cover;
	display: flex;
}

#content>.domu .akce .pravy .lista {
	width: auto;
	background-color: rgba(23, 21, 21, 0.7);
	width: 100px;
}

@media (max-width:700px) {
	#content>.domu .akce .levy {
		width: 80%;
	}

	#content>.domu .akce .pravy {
		width: 20%;
	}

	#content>.domu .akce .pravy .lista {
		display: none;
	}
}

/* DOMU - NAS TIP */

#content>.domu .tip {
	display: flex;
	justify-content: center;
	margin-top: 3em;
}

#content>.domu .tip .container {
	display: flex;
	column-gap: 50px;
	align-items: center;
}

#content>.domu .tip .container .fotky {
	display: flex;
	column-gap: 50px;
}

#content>.domu .tip .container .fotky img {
	box-shadow: 15px 15px rgb(41, 41, 41, 0.7);
}

#content>.domu .tip .container .text h2 {
	font-size: 2em;
}

#content>.domu .tip .container .text p {
	margin-top: 1em;
	font-size: 1.2em;
}

@media (max-width:1000px) {
	#content>.domu .tip .container {
		flex-direction: column;
		row-gap: 50px;
		align-items: initial;
	}

	#content>.domu .tip .container .fotky {
		justify-content: space-evenly;
	}

	#content>.domu .tip .container .fotky img {
		width: 30vw;
		height: 36vw;
	}
}

/* NABIDKA (SLUŽBY) - OBSAH */

#content>.nabidka .obsah {
	display: flex;
	justify-content: center;
}

#content>.nabidka .obsah .boxy {
	margin: 3em 0;
}

#content>.nabidka .obsah .boxy .karta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 3em;
}

#content>.nabidka .obsah .boxy .karta .obrazek {
	display: grid;
	grid: 1fr 1fr;
	grid-template-areas: "obrazek";
	align-items: center;
	justify-items: center;
}

#content>.nabidka .obsah .boxy .karta .obrazek h2 {
	grid-area: obrazek;
	z-index: 1;
	color: white;
	font-size: 4em;
	text-shadow: 2px 2px 5px black;
	text-transform: uppercase;

}

#content>.nabidka .obsah .boxy .karta .obrazek img {
	grid-area: obrazek;
}

#content>.nabidka .obsah .boxy .karta .cennik {
	line-height: 150%;
	font-size: 1.3em;
	padding-right: 1em;
}

#content>.nabidka .obsah .boxy .karta .cennik th {
	text-align: right;
	font-weight: bold;
	padding-right: 1em;

}

#content>.nabidka .obsah .boxy .karta .cennik td {
	text-align: right;
}

@media(max-width:1000px) {
	#content>.nabidka .obsah .boxy .karta {
		flex-direction: column;
		row-gap: 1em;
	}
}

@media(max-width:550px) {
	#content>.nabidka .obsah .boxy .karta .obrazek img {
		width: 90vw;
		height: fit-content;
	}

	#content>.nabidka .obsah .boxy .karta .obrazek h2 {
		font-size: 10vw;
	}
}

/* GALERIE */

#content>.galerie .obsah {
	display: flex;
	justify-content: center;
}

#content .fotogalerie {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 3em;
	justify-content: center;

}

/* REZERVACE */

#content>.rezervace .obsah {
	display: flex;
	justify-content: center;

}

#content>.rezervace .obsah .kontakt {
	margin-top: 3em;
	text-align: center;
	line-height: 150%;
	font-size: 1.2em;
}

#content>.rezervace .obsah .kontakt a {
	text-decoration: none;
	color: rgb(52, 76, 176);
}

#content>.rezervace .obsah .kontakt a:hover {
	text-decoration: underline;
}

#content>.rezervace h2 {
	margin-top: 3em;
	font-size: 2em;
	text-align: center;
}

#content>.rezervace .mapa {
	margin-top: 3em;
}

/* KONTAKTNI FORMULAR */

#kontaktni-formular {
	display: flex;
	justify-content: center;
	margin-top: 0em;
}

#kontaktni-formular h2 {
	font-size: 2em;
	margin: 0.5em 0;
	text-align: center;
}

#kontaktni-formular .formular {
	display: flex;
	justify-content: center;
}

#kontaktni-formular form {
	width: 80%;
}

#kontaktni-formular .formular .radka {
	position: relative;
	margin-top: 1em;
}

#kontaktni-formular form .prvek {
	width: 100%;
	font-size: 2em;
	padding: 0.3em;
	padding-top: 1em;
	transition: all 0.2s ease;
	font-family: arial;
}

#kontaktni-formular form .prvek:placeholder-shown {
	padding-top: 0.3em;
}

#kontaktni-formular form label {
	position: absolute;
	top: 0.5em;
	left: 15px;
	color: rgb(110, 127, 195);
	;
	font-weight: bold;
	transition: all 0.2s ease;
}

#kontaktni-formular form .prvek:placeholder-shown+label {
	font-size: 2em;
	color: rgb(152, 162, 206);
}

#kontaktni-formular form button {
	border-radius: 10px;
	padding: 1em 2em;
	font-size: 1.3em;
	font-weight: bold;
}

#kontaktni-formular form .status {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: grid;
	align-items: center;
	font-size: 50px;
}

#kontaktni-formular form .status .spravne {
	color: green;
	display: none;
}

#kontaktni-formular form .status .spatne {
	color: red;
	display: none;
}

#kontaktni-formular form .status.ok .spravne {
	display: block;
}

#kontaktni-formular form .status.chyba .spatne {
	display: block;
}


/* RECENZE */

#content>.recenze {
	display: flex;
	justify-content: center;
}

#content>.recenze .autor {
	padding: 1em;
	font-size: 1.5em;

}

#content>.recenze .hodnoceni {
	padding-left: 1em;
	font-size: 1.5em;

}

/* REFERENCE */

#content>.reference {
	display: flex;
	justify-content: center;
	justify-items: center;

}

#content>.reference p {
	padding-bottom: 1.5em;

}

#content>.reference .obsah .container {
	display: flex;
	flex-direction: column;
	align-items: center;

}

/* STRANKA NEEXISTUJE */

#content>.stranka-neexistuje {
	padding: 0.5em;
}

#content>.stranka-neexistuje .obrazek {
	display: flex;
	justify-content: center;
	background-color: rgb(13, 13, 13);
}