* {margin:0; padding:0;}
body {

font-family: 'Barlow', sans-serif;
font-size: 100%; text-align: center; color: #3c424a; background: #fff;}

div#menu {width: 100%; margin: auto; padding: 1em 0; background: #302f2f;}
div#menu a {text-decoration: none; display: inline-block; border: 1px solid #302f2f; border-right: none; border-left: none; padding: 0.5em 0; margin: 0 2em; color: #fff; text-transform: uppercase; transition: all 1s;}
div#menu a:hover {border: 1px solid #944411; border-right: none; border-left: none; }
img#logo {width: 90%; max-width: 300px; margin: 1em auto 0 auto;}
a img {border: none;}
h3#volejte {width: 90%; color: #da4e8b; font-size: 3em;  margin: 0 auto;}
h1 {color: #da4e8b; font-size: 3em;}
h1#objednavka {font-size: 3em; margin: 1em auto 0.5em auto;}
h2 {width: 90%; color: #999; font-size: 2em;  margin: 1em auto;}
h2#motto {width: 90%; color: #333; font-size: 1.5em; margin: 1em auto; line-height: 1.8em;}
h2#motto span {font-size: 2em; color: #512e27;}
img.oddelovac {display: block; width: 30px; margin: 0.45em auto;}
p {width: 90%; max-width: 1000px; text-align: left; font-size: 1em; line-height: 1.7em; margin: 1em auto;}
h3  {font-size: 1.5em; color: #da4e8b; }
h3#volejte img {width: 60px; margin: 0.25em auto 0 auto;}
a.button {display: block; width: 90%; max-width: 200px; margin: 2em auto; color: #fff; background: #da4e8b; padding: 0.5em; font-size: 1.2em; font-weight: 400;text-decoration: none; border-radius: 5px;}
table {width: 90%; max-width: 600px; margin: auto;}
table td {border: 1px solid #efefef; padding: 1em;  text-align: left; width: 49%;}
table td:first-child { text-align: right;}
a {color: #da4e8b;}
p.center {text-align: center; margin: auto;}
.bold {font-weight: 600;}
h2#nabizime {color: #3c424a; } 
div#sortiment {display: flex; flex-wrap: wrap; place-content:start center;  margin: auto; margin-bottom: 1em;}
div#sortiment h3,
div.paralax h3 {color: #fff; font-size: 1em; font-weight: 400;}
div#sortiment div {max-width: 300px; margin: 1em;}
div#sortiment div img {width: 35px; margin: auto;} 
div#sortiment div {color: #fff;} 
div.paralax {
padding: 2em 0;
position: relative;
min-height: 400px;

background-position: center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
div.jedna {background-image: url(coal4.jpg);}
 img#main {width: 100%; max-width: 1920px; margin: auto;}


div.paralax h2 {color: #fff; margin: 0.5em auto; text-transform: uppercase;}
div.paralax p {width: 90%; color: #fff; max-width: 500px; margin: 1em auto; line-height: 1.7em; text-align: justify;}

div#pravidla p {text-align: center;}
div#mapa, iframe {width: 100%; max-width: 1920px; margin: 0 auto;}
div#mapa {margin-top: 3em; }

div.fotky {width: 100%; margin: auto;}
div.fotky img {width: 100%; display: inline-block; max-width: 635px; }

/*----------------formulář-----------*/
form {width: 95%; margin: auto; }
input {font-weight: 300; padding: 1em; border: 1px solid #ccc; width: 200px; }
input#submit,
.form-style-8 input[type="button"], 
.form-style-8 input[type="submit"]
 {display: block; cursor: pointer; background: #da4e8b; padding: 0.35em 1em; max-width: 200px; margin: 0 auto; color: #fff; text-decoration: none; font-size: 1.2em; font-weight: 400;  border: 1px solid #fff; border-radius: 15px; transition: all 1s; text-align: left;}
 input#submit:hover {padding: 0.35em 1.5em; }
textarea {width: 100%; font-size: 1.2em; font-weight: 100; border: 1px solid #ccc; min-height: 5em;}
div#formular table {text-align: left; margin: auto;}
form p {text-align: left;  padding: 0.75em 0;}
p#spamanswer {margin: 2em 0; line-height: 1.4em;} 
p#spamanswer span {font-weight: 600; }
form p {padding: 0; margin: 0.5em 0;}
form p.legenda {font-weight: 600; }
form table {margin: 0 auto; margin: auto; }
form table td {border: none; padding: 1em; width: 150px;}
form table td:first-child {text-align: left;}


div#copy {background: #302f2f; padding: 2em 0; margin: 1em auto 0 auto; color: #fff;}
div#copy a {color: #fff;}
div#copy p {font-size: 0.8em; text-align: center;}






@media screen and (min-width: 500px) {
input {width: 300px; }  
}

@media screen and (min-width: 700px) {
input {width: 500px; }
form table td {width: 50%;}
 textarea {width: 100%;}
}