body {
	font-family: 'Roboto Condensed', Tahoma, sans-serif;
	background-color: #ddd;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Anton', sans-serif;}

a {color: #6629b4; text-decoration: underline;}
a:hover {color: #000;}
.text-violed {color: #6629b4;}
.text-red {color: #b00;}

nav {font-family: 'Anton', sans-serif;}
.bg-light {background: rgba(255,255,255,.75) !important;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 1rem 1rem; font-size: 1rem; color: #333; text-decoration: none;}
.navbar-expand-lg .navbar-nav .nav-link img {height: 1rem;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover {background-color: #fcd898; color: #6629b4;}
a.navbar-brand {filter: grayscale(50%); line-height: 0.8; margin-left: 70px; margin-right: 20px;}
a.navbar-brand:hover {filter: grayscale(0%);}
a.navbar-brand .navbar-tekst {display: inline-block; margin-top: .65rem; margin-left: .5rem; font-size: 90%;}
a.navbar-brand .navbar-tekst span {font-size: 60%; color: #6629b4;}
.navbar-toggler {background-color: rgba(0,0,0,.1);}

.jk-uvod {
	margin-top: 0px; padding-top: 50px; height: 300px;
	background: radial-gradient(#fff,#bbb);
	background-size: cover;
}

.jk-uvod h1 {margin-left: 0rem; margin-top: 3rem; font-size: 1.85rem;}
.jk-uvod h1 span {color: #6629b4;}
.jk-uvod h2 {margin-left: 0rem; font-size: 1rem;}
.jk-uvod h4 {margin-left: 0rem; font-size: 0.65rem; color: #6629b4;font-family: 'Roboto Condensed', Tahoma, sans-serif;}
.jk-uvod h4 small {display: none;}

.jk-motto {padding: 30px 0; background-color: #c0c0c0;}

@media screen and (min-width: 480px)  {
	a.navbar-brand {margin-left: 100px;}
	.jk-uvod {padding-top: 40px; height: 300px;}
	.jk-uvod h1 {margin-top: 3rem; font-size: 2rem;}
	.jk-uvod h2 {font-size: 1rem;}
	.jk-uvod h4 {font-size: 0.75rem;}
}
@media screen and (min-width: 768px)  {
	a.navbar-brand {margin-left: 120px;}
	.jk-uvod {padding-top: 50px; height: 420px;}
	.jk-uvod h1 {margin-top: 4rem; font-size: 2.25rem;}
	.jk-uvod h2 {font-size: 1.25rem;}
	.jk-uvod h4 {font-size: 1rem;}
	.jk-uvod h4 small {display: block;}
}
@media screen and (min-width: 992px)  {
	a.navbar-brand {margin-left: 140px;}
	.jk-uvod {height: 600px;}
	.jk-uvod h1 {margin-top: 8rem; font-size: 3rem;}
	.jk-uvod h2 {margin-top: 2rem; font-size: 1.5rem;}
	.jk-uvod h4 {font-size: 1.25rem;}
}
@media screen and (min-width: 1200px) {
	a.navbar-brand {margin-left: 160px; margin-right: 40px;}
	.jk-uvod {height: 650px;}
	.jk-uvod h1 {font-size: 3.5rem;}
	.jk-uvod h2 {font-size: 2rem;}
	.jk-uvod h4 {font-size: 1.5rem;}
}
@media screen and (min-width: 1600px) {
}

.okraj-vlevo {padding: 30px 15px 0 15px;}
@media screen and (min-width: 992px)  {.okraj-vlevo {padding: 0 15px 0 50px; border-left: 2px dotted #aaa;}}

.boksik {width: 100%; height: 50px;}
@media screen and (min-width: 992px)  {.boksik {width: 100%; height: 125px;}}

.jk-aktualne {background-color: #eee; padding: 30px;}
.jk-aktualne table {font-size: 90%;}
.jk-aktualne table th {width: 160px;}

.jk-o-mne {padding: 30px;}

.jk-zivotopis {background-color: #eee; padding: 30px;}
.jk-zivotopis table {font-size: 90%;}
.jk-zivotopis table th {width: 95px;}

.jk-publikace {background-color: #fff; padding: 30px;}
.jk-publikace img {max-width: 50%; margin: 25px 0;}
.jk-publikace .kniha-nahled {max-width: 30%; margin: 10px 25px;}

.jk-kontakt {background-color: #eee; padding: 30px;}
.jk-kontakt .box-red {background-color: #6629b4; color: #eee; padding: 80px 0; margin: 30px 0;}
.jk-kontakt .box-red a {color: #eee;}
.jk-kontakt .box-red h2 {padding: 30px 20px; margin: 0 20px;}
.jk-kontakt .box-red .rantlik {border: 2px dotted #eee;}

footer {font-size: 90%; background-color: #ddd; padding: 25px 0;}
footer .footer-icon {float: right; height: 40px; margin: 0 5px; filter: grayscale(90%);}
footer .footer-icon:hover {filter: grayscale(10%);}