html{scroll-behavior: smooth;}
body{font-family: 'Carlito', sans-serif;}

.navbar-dark .navbar-nav .nav-link {color: #fff;font-size: 120%;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: rgba(255,255,255,.75)!important;}
#szolg{list-style: square;}
#szolg li{margin: 2em;}

.text-bordo{color:#AD4F4D;}
.text-barna{color:#605A48}
.bg-bordo{background-color:#AD4F4D;}
.bg-barna{background-color:#605A48;}

.media .h5 {line-height: 1.7em;}

@media (min-width:768px) {
	.header-block{position: absolute;}
	.menu-footer{flex-direction: row;}
	.klimak img {max-width: 75%;}
}

@media (max-width:768px) {
	.navbar {background: white!important; z-index: 9; box-shadow: 0 0 16px #aaa;}
	.navbar .navbar-dark, .navbar .navbar-brand,.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav {color:#000;}
	.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important;}
	.navbar-dark .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1); }
}