html {
  scroll-behavior: smooth;
}

body {
	color: #ccc;
  font-size: 1em;
  font-family: 'Arsenal', sans-serif;
}

.bg-grayl {
	background-color: #101010;
}

.tx-grayl {
	color: #101010
}

.bg-black	{
	background-color: #000000;
}

.tx-gold {
	color: rgb(204,153,51);
}


.container  {
    width: 98%;
    max-width: 1400px;
}

header, section {
	color: #999;
}

h2 {
	font-size: 2.6em;
}

p {
	font-size: 1.5em;
	letter-spacing: 2px;
}

img    {
    width: auto;
    max-width: 100%;
    height: auto;
}

.odpoved,
.odpoved p {
	font-size: 1em !important;
	color: #c93;
}

.navbar-brand img {
	max-width: 280px;
}

.nav-link	{
	font-size: 1.2em;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
	color: #c93;
}

input[type=submit] {
	background-color: #c93;
	color: #101010;
	text-transform: uppercase;
	font-weight: bold;
	transition: background 0.5s;
	display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1.2em;
border: none;
}

input[type=submit]:hover {
	background-color: #960;
	color: #101010;
	transition: background 0.5s;
}


p a,
.kontaktico {
	color: #c93;
	text-decoration: none;
	transition: all 0.5s;
}

.form-control {
	background: none;
	border: 1px solid #c93;
	color: #ccc;
	font-size: 1.2em;
}

textarea {
	min-height: 200px !important;
}

p a:hover {
	color: #960;
	text-decoration: underline;
	transition: all 0.5s;
}

.navbar-dark .navbar-toggler {
  color: rgba(204,153,51, 0.55);
  border-color: rgba(204,153,51,0.8);
}

@media only screen and (max-width: 400px)  {

}

@media only screen and (max-width: 600px)  {

}

@media all and (min-width: 600px)  {
.posun {
	margin-top: -3em;
}
#prodejdoutniku .container {
	background-image: url('../images/znakalpha.webp');
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center bottom;
}
}

@media all and (max-width: 900px) and (min-width: 768px)  {

}




@media all and (min-width: 990px)  {
	.navbar-dark .navbar-nav .nav-link	{
		padding: 0.5em 1em;
	}

}