/*      layout    */

.body  {background-color: #2c2c2c;}

/*      text    */

h1     {color: rgb(255, 234, 202); font: normal 1000% montserrat, Tahoma;
        letter-spacing: 60px;
        text-shadow: rgb(39, 39, 39) 0px 0px 20px;
        text-align: center;  /* font-style: normal; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 250%;} */
        line-height: 20%;}
h2     {color: rgb(255, 234, 202); font: normal 200% montserrat, Tahoma;
        a {text-decoration: none; color: rgb(255, 234, 202);}
        a:hover {color: rgb(201, 201, 201);}
        text-align: center;
        }
h3     {color: rgb(255, 234, 202); font: normal 170% montserrat, Tahoma; text-align: center; margin: 10px;}
        a {text-decoration: none; color: rgb(255, 234, 202);}
        a:hover {color: rgb(201, 201, 201);}
h4     {color: red; font-style: normal;}
p      {color: rgb(255, 255, 255); font: normal 120% montserrat, Tahoma; text-align: justify; margin: 10px;}
.intro {color: rgb(255, 255, 255); font: normal 150% montserrat, Tahoma; text-align: center;}
       


/*      images    */

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

/*      bloky    */


.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
}
.block {
    flex: 1 1 30%;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px;
    background-color: #2c2c2c;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block h2 {
    text-align: center;
    width: 100%;
    /*flex: 1 1 33%;*/
}
.block img {
    display: block;
    width: 100%;
    height: auto;
    /*flex: 1 1 66%;*/
}
.block p {
    text-align: justify;
    /*flex: 1;*/
    width: 100%;
}
@media (max-width: 768px) {
    .block {
        flex: 1 1 100%;
        flex-direction: row;
        align-items: flex-start;
        /*justify-content: center;*/
        max-width: 100%;
        /*margin-left: 10%;*/
        margin: 10px auto;
    }
    .block-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*flex: 1;*/
        width: 40%;
    }
    .block-content img {
        width: 100%;
        height: auto;
        /*margin: 0;*/
    }
    .block-content h2 {
        text-align: center;
        width: 100%;
    }
    .block p {
        /*text-align: justify;*/
        /*flex: 1;*/
        margin-left: 10px;
        width: 60%;
        padding: 6% 10px;
    }
}




.table {border-collapse: collapse; width: 100%; margin: 1px;}

.Ycontainer {
    width: 100%;
    height: 100%;
}

.Xcontainer {
        width: 100%;
        height: 100%;
        padding-bottom: 1px; /* Poměr stran 16:9 (výška / šířka * 100) */
        /*position: relative;  /*Relativní pozicování obsahu */
        background-size: cover;
        background-position: center;
        background-image: url('pic/pic-page/banner.jpg'); /* Barva pozadí kontejneru */
    }
    .Xcontent {
        /*position: absolute;     */   
        top: 50%; /* Vodorovné zarovnání obsahu na 50% */   
        /*left: 100%;*/
        /*transform: translate(-0%, -5%);*/
        text-align: center; /* Zarovnání textu uvnitř kontejneru na střed */
        padding: 20px; /* Vnitřní okraje obsahu */
    }
.container2 {
        display: flex;
        flex-direction: row; /* Primárně `row` */
        border-top: #ffffff 1px solid;
        z-index: 100%;
 
    }
    .content2 {
        width: 33%;
        /*transform: translate(50%, -50%);*/
        /*position: absolute; */
        /*top: 80%; /* Vodorovné zarovnání obsahu na 50% */   
        /*left: 30%;*/
        transform: translate(0%, 0%);
        /*text-align: right; /* Zarovnání textu uvnitř kontejneru na střed */
        padding: 5px; /* Vnitřní okraje obsahu */
        /*margin-top: 20px;*/
        flex-direction: row;
        border-bottom: #ffffff 1px solid;
    }

.kontakt {
        width: 50%;
        transform: translate(50%, 40%);
        text-align: center; /* Zarovnání textu uvnitř kontejneru na střed */
        display: flex;
        justify-content:space-between;
        border-top: #ffffff 1px solid;
    }