/*
  primary: #51bd1b,
  light: #ffffff,
  dark: #161618,
  orange: #bd6b1b,
  yellow: #a17832,
  green: #51bd1b,
  gray: #434343
*/

/* navigace */
.navbar-light .navbar-toggler {
	border: none;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28189, 81, 27, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#navbarToggleExternalContent p {
	line-height: 1.6;
}

/* obecny */
p {
	letter-spacing: 0px;
}

/* logo a navigace */
a.logo-link, a.logo-link:visited, a.logo-link:active, .logo-link a, .logo-link a:visited .logo-link a:active {
	color: var(--orange);
}

a.logo-link:hover, .logo-link a:hover {
	text-decoration: none;
	color: var(--yellow);
}

h1.logo-link, div.logo-link {
	color: var(--orange);
}

.logo-par {
	margin-left: 37px;
}

a.yellow, a.yellow:visited, a.yellow:active {
	color: var(--yellow);
}
a.yellow:hover {
	text-decoration: underline;
	color: var(--orange);
}

.lead {
	font-size: 1.5rem;
	line-height: 1.4;
	/*margin-top: 1rem;*/
}

.lead strong {
	font-weight: 700!important;
}

.small {
	font-size: 1.3rem;
	line-height: 1.4;
}

.btn {
	font-size: 1.3rem;
	line-height: 1.4;
}

.introtext {
	font-size: 1.7rem;
	line-height: 1.2;
}

/* mobile */
section .container-fluid {
	padding-left: 6%;
	padding-right: 6%;
	max-width: 900px;
	width: 100%;
}

/* small a vic */
@media (min-width: 576px) {

	/* ladit procenta */
	section .container-fluid {
		padding-left: 5%;
		padding-right: 5%;
	}

}

/* medium a vic */
@media (min-width: 768px) {

	/* ladit procenta */
	section .container-fluid {
		padding-left: 4%;
		padding-right: 4%;
	}

	#navbarToggleExternalContent p {
		line-height: 1.3;
	}

	.introtext {
		font-size: 1.9rem;
		line-height: 1.2;
	}

}

/* large a vic */
@media (min-width: 992px) {

	/* ladit procenta */
	section .container-fluid {
		padding-left: 3%;
		padding-right: 3%;
	}

}

/* xl a vic */
@media (min-width: 1200px) {

	/* ladit procenta */
	section .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

}
