:root {
	--orange: #f4c47d;
	--hneda: #554239;
	--barva1: var(--hneda);
	--barva2: #816253;
	--barva1_opacity: #554239dd;
	--barva1_opacity_50: #55423977;
	--barva2_opacity: #816253dd;
	--barva2_opacity_50: #81625377;
}

h1, h2, h3 { color: var(--hneda); }

#horizont-0, #head-sogan div {
	background-color: var(--barva1_opacity);
}
a.tlacitko {
	border-radius: 50px;
	font-weight: bold;
}
.tlacitko.white { background-color: #FFF; color: var(--hneda); border-color: #FFF; }
.tlacitko.white:hover { background-color: var(--hneda); color: #FFF; border-color: #FFF; }
.tlacitko.orange { background-color: var(--orange); color: var(--hneda); border-color: var(--orange); }
.tlacitko.orange:hover { background-color: var(--hneda); color:  var(--orange); border-color: var(--orange); }

#float_icons_part_1 {
	text-align: left;
	margin-top: 130px;
}

#head_grid_2 {
	display: block;
}
#float_icons_part_6 { margin-top: 100px; }

#float_icons_part_6 .floatingImage {
	max-width: calc(20% - 12px);
}

@media (max-width: 640px) {
	#float_icons_part_6 { margin-top: 50px; }
	#float_icons_part_1 { margin-top: 30px;}
	#float_icons_part_6 .floatingImage {
		max-width: calc(50% - 12px);
	}
}