* {
margin : 0;
padding : 0;

}


body { 
margin : 0; 
padding : 0; 

font-family: 'Abril Fatface', serif;


font-family: 'Century Gothic', sans-serif;
font-family: 'DM Serif Display', serif;
font-family: 'Domine', serif;
 font-family: "Roboto", sans-serif;
color : #666;

text-align: center; 

}








div#hlavicka {width: 100%; max-width: 1920px; margin: 0 auto; }
div#hlavicka h1,
div#sluzby h2,
div#zadost h2,
div#kontakty h2 {font-family: 'Century Gothic', sans-serif; width: 90%; color: #788768; font-size: 1.2em; font-weight: 400; line-height: 1.1em; margin: 0.25em auto; text-transform: uppercase;}
div#hlavicka h2,
div#sluzby h3,
div#zadost h3,
div#kontakty h3 {color: #788768;  font-size: 1.4em; font-weight: 300;}
h4 {color: #788768; font-size: 1.2em; font-weight: 400; line-height: 1.1em; margin: 0.5em auto 0 auto; text-transform: uppercase;}
div#hlavicka p {color: #666; font-size: 1.1em; font-weight: 300;}
p {width: 90%; font-weight: 400; color: #666; text-align: justify; line-height: 1.3em; margin: 0.7em auto;}
div#menu {font-family: 'Century Gothic', sans-serif; width: 100%; margin: 1em auto;}
div#menu a {display: inline-block; text-transform: uppercase; text-decoration: none; color: #d95e1d; margin: 0.5em 1em; padding: 0.25em 0; border-top: 1px dotted #d95e1d; border-bottom: 1px dotted #d95e1d; transition: 3s; }
a {color: #d95e1d;}
div#menu a:hover {animation: all; border-top: 2px solid #d95e1d; border-bottom: 2px solid #d95e1d; }
div.left, div.right {width: 100%;  padding: 1em 0; margin: auto; }
img#logo {width: 100%; max-width: 80px; margin: 1em auto 0 auto;}
img#main {width: 100%; max-width: 1400px; margin: auto;}
hr {clear: both; margin: 0; border: none;}
table {width: 90%; max-width: 400px; margin: 1em auto; font-size: 1.1em; }
table td {text-align: left; border: 1px solid #ccc; padding: 0.5em;}
.bold {font-weight: 800;}
.center {text-align: center;}
/*----animace v hlavièce-----*/

img#logo  {animation: Pruhlednost; animation-duration: 2s; animation-delay: 3s; animation-fill-mode: backwards;}  
div#hlavicka h1, div#hlavicka h2   {animation: Priletshora; animation-duration: 3s;  animation-fill-mode: backwards;} 
div#hlavicka p   {animation: Priletshora; animation-duration: 2s;  animation-fill-mode: backwards;} 
div#menu  {animation: Priletzleva3; animation-duration: 3s;  animation-delay: 0; animation-fill-mode: backwards;} 

@keyframes Priletshora {
  0%   {transform: translate(0,-300px); opacity: 0; }
  100% {transform: translate(0,0); opacity: 1;}}
  @keyframes Pruhlednost {
  0%   {opacity: 0; }
  100% {opacity: 1; }}
  @keyframes Priletzprava {
  0%   {transform: translate(1000px, 0); }
  100% {transform: translate(0,0); }}
   @keyframes Priletzleva2 {
  0%   {transform: translate(-300px, 0); }
  100% {transform: translate(0,0); }}
   @keyframes Priletzleva3 {
  0%   {transform: translate(-1200px, 0); }
  100% {transform: translate(0,0); }}
  


div#sluzby {width: 100%; max-width: 1920px; margin: auto;}

img.ministromecek {max-width: 20px; margin-top: 0.5em;}








div.person {width: 90%; width: 500px; text-align: center; margin: 0.5em auto; background: #efefef; padding: 0.5em; border-radius: 0.5em;}
div.person p {text-align: center;}
div.person img {width: 50px; margin: 0.5em auto 0 auto;}
div.person h4 {font-size: 1.4em; font-weight: 600;}
div.person h5 {font-size: 1.4em; margin-top: 0.5em;}







div#zadost p {width: 90%;}
.center {text-align: center;}  
.stromecek {width: 50px;}
form {margin: 1em auto;}
label {font-size: 1.2em; color: #666; }
input:not([type=checkbox]) {padding: 1em 0.5em; margin: 0.5em auto 1em auto; width: 70%; max-width: 500px; background: #d9edc4; color: #31520d; border-radius: 0.25em; border: none;}
a.button, input.button {font-size: 1em; cursor: pointer; display: block; background: #d95e1d; padding: 0.5em; color: #fff; margin: 0.5em auto; width: 100px; border-radius: 0.25em; text-decoration: none; }


div.g-recaptcha {width: 70%; max-width: 500px; margin: 0 auto; padding-left: 200px;}
div#mapa, iframe.mapa {width: 100%; max-width: 1920px;}



div#copy {background: #788768;  color: #fff; padding: 2em 0; font-size: 0.9em; line-height: 1.4em;}
div#copy p {color: #fff; margin: 0.25em auto; text-align: center; line-height: 1.3em; }
div#copy a {color: #d5f1c0;}
/*----animace v hlavièce-----*/

#trojuhelnik {
margin: auto;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 3em 10em 0 10em;
   border-color: #82ae62 transparent transparent transparent;
}


div.paralax {
position: relative;
min-height: 700px;

background-position: center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
padding-bottom: 3em;
margin: 1em auto;
}
div.jedna {background-image: url(img/barak.jpg);}

div.paralax h2 {color: #288dab; color: #d95e1d; font-size: 2em;  line-height: 1.1em; margin: auto; font-weight: 400; padding: 1em 0 0.5em 0; letter-spacing: 0.025em;}
div.paralax p {display: inline-block; width: 90%; max-width: 600px; text-align: justify; line-height: 1.6em; font-size: 1em; color: #fff; margin: 1em; vertical-align: top; }
div.paralax p.bold {font-weight: 800; max-width: 1000px; text-align: center; }








@media screen and (min-width: 600px) {
div#hlavicka h1 {font-size: 4em;}
div#sluzby h2,
div#zadost h2,
div#kontakty h2 {font-size: 2.5em;}
div#sluzby h3,
div#zadost h3,
div#kontakty h3 {font-size: 1.6em; font-weight: 400;} 
}

@media screen and (min-width: 850px) {
div#obalperson {width: 90%; max-width: 1920px; margin: 1em auto; gap: 0.5em; display: flex;  flex-wrap: wrap; justify-content: center;  }
div.person {margin: auto; }
}

@media screen and (min-width: 1000px) {
div#sluzby,
div#zadost {margin: 2em auto;}
div#zadost p {width: 80%; max-width: 600px;}  
div.right p,
div.left p,
table {font-size: 1.3em;}
h4 {font-size: 2em; margin: 1em auto 0 auto; }

}


@media screen and (min-width: 1400px) {
div.left, div.right {float: left; width: 50%; max-width: 960px;}
div.right p,
div.left p {width: 80%; font-size: 1.4em; line-height: 1.3em; font-weight: 200; }
table {font-size: 1.4em;}

}

@media screen and (min-width: 1500px) {

div.right p,
div.left p {font-size: 1.5em; line-height: 1.4em;}
table {max-width: 500px; font-size: 1.5em;}

}