:root {
	--color-backgroung: #001E5D;
	--color-highlight: #CCA783;
}

* {
	margin: 0;
}

body {
	font-family: Calibri, sans-serif;
	font-size: 25pt;
	color: white;
	background: var(--color-backgroung);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header {
	display: flex;
	justify-content: center;
	height: 175px;
	background:
		url("../grafika/mlynec_logo_2.png") 50% 25px no-repeat;
}

footer {
	display: flex;
	justify-content: center;
	height: 150px;
	background:
		url("../grafika/mlynec_pattern_zlata_2.png") 50% 0% no-repeat,
		url("../grafika/mlynec_pattern_zlata_2.png") calc(50% + 540px) 0% no-repeat,
		url("../grafika/mlynec_pattern_zlata_2.png") calc(50% + 1080px) 0% no-repeat,
		url("../grafika/mlynec_pattern_zlata_2.png") calc(50% - 540px) 0% no-repeat,
		url("../grafika/mlynec_pattern_zlata_2.png") calc(50% - 1080px) 0% no-repeat;
}

.footer-box {
	flex: 0 1 auto;
	align-self: flex-end;
	text-align: right;
	margin-left: auto;
	font-size: 12pt;
	background-color: var(--color-highlight);
	padding: 5px;
}

.footer-box a {
	color: white;
	text-decoration: none;
}

.content {
	flex: 1;
	display: flex;	
	justify-content: center;
	align-items: center;
	padding-bottom: 15px;
}

.content-div {
	max-width: 600px;
	padding: 0 20px;
	line-height: 36pt;
}

.text-center {
	text-align: center;
}

.hearth {
	vertical-align: middle;
}

.link-button {
	display: inline;
	cursor: pointer;
	background-color: var(--color-highlight);
	padding: 0px 10px 5px 10px;
	border-radius: 15px;
}

.inner-content {
	display: flex;
	flex-direction: column;
}

.icd1 {
	margin-top: 50px;
	max-width: 800px;
	padding: 0 20px;
}

.icd2 {
	display: flex;	
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 50px;
}

.icd2 td {
	vertical-align: top;
}

#fjmeno {
	font-family: Calibri, sans-serif;
	font-size: 15pt;
	color: black;
	padding: 10px;
	width: 700px;
	max-width: calc(90vw - 20px);
	border-radius: 10px;
	border-color: white;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

#ftext {
	font-family: Calibri, sans-serif;
	font-size: 15pt;
	color: black;
	padding: 10px;
	width: 700px;
	max-width: calc(90vw - 20px);
	height: 200px;
	border-radius: 10px;
	border-color: white;
	resize: none;
	box-shadow: none !important;
	outline: none !important;
}

#submit {
	font-family: Calibri, sans-serif;
	font-size: 15pt;
	color: white;
	background-color: var(--color-highlight);
	padding: 5px 10px 5px 10px;
	border-radius: 15px;
	cursor: pointer;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}