/* Resetování základních stylů pro všechny elementy na stránce */
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
/* Tělo stránky */
body {
    background: scroll;
}


/* Styly pro navigační lištu */
nav {
    height: 80px;
    width: 100%;
    background-color: #0e79b8;
}

nav img {
    width: 8vh;
    margin-top: 0.5vh;
    margin-left: 10vh;
}

nav ul {
    float: right;
    margin-right: 20px;
}
/* Seznamové položky v navigaci */
nav ul li {
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
}

nav ul li a {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 17px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
}
 /* Změna vzhledu při hoveru nebo aktivním odkazu */
nav ul li a:hover {
    color: #000080;
}

nav ul li a.active {
    background-color: #393E46;
}




.checkbtn {
    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}

#check {
    display: none;
}

@media (max-width: 952px) {
    label.logo {
        font-size: 30px;
        padding-left: 50px;
    }
    nav ul li a {
        font-size: 16px;
    }
}

@media (max-width: 952px) {
    .checkbtn{
        display: block;
    }
    ul {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #333;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav ul li {
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav ul li a {
        font-size: 20px;
    }
    
    a:hover,a.active {
        background: none;
        color: #222;

    }
    #check:checked ~ ul {
        left: 0;
    }
}
/* Úvodní sekce */
.Uvod{
width: 100vh;
position: relative;
}

.drtikul {
    position: absolute;
    padding-left: 125vh;
    padding-top: 8vh;
}

.nadpis {
    position: absolute;
    padding-left: 28vh;
    padding-top: 20vh;
}

.nadpis h1 {
 font-size: 150px;
 font-weight: 600;
 font-family: "Amarante", serif;
 color: #fff;
}
/* Texty v úvodní sekci */
.texty p {
    position: absolute;
    padding-left: 28vh;
    padding-top: 40vh;
    color: #fff;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.1rem;
}
/* Texty v úvodní sekci */
.text p {
    position: absolute;
    padding-left: 28vh;
    padding-top: 63vh;
    color: #fff;
    font-weight: 500;
    font-family: "Amarante", serif;
    letter-spacing: 0.1rem;
}

.icon {
    position: absolute;
    padding-left: 30vh;
    padding-top: 58vh;
}

.icon img {
    width: 50px;
}

/* Texty v úvodní sekci */
.text2 p {
    position: absolute;
    padding-left: 50vh;
    padding-top: 63vh;
    color: #fff;
    font-weight: 500;
    font-family: "Amarante", serif;
    letter-spacing: 0.1rem;
}

.icon2 {
    position: absolute;
    padding-left: 54vh;
    padding-top: 60vh;
}

.icon2 img {
    width: 75px;
}

.datum p {
    justify-content: center;
    text-align: center;
    position: absolute;
    padding-left: 27vh;
    padding-top: 70vh;
    color: #fff;
    font-weight: 700;
    font-family: "Amarante", serif;
    font-size: 50px;
    letter-spacing: 0.1rem;
}
.datum2 p {
    justify-content: center;
    text-align: center;
    position: absolute;
    padding-left: 27vh;
    padding-top: 80vh;
    color: #fff;
    font-weight: 700;
    font-family: "Amarante", serif;
    font-size: 50px;
    letter-spacing: 0.1rem;
}
.Platformy{
    position: absolute;
    padding-left: 27vh;
    padding-top: 87vh;
}

.Platformy img {
    width: 150px;
}



.Uvod .col-lg-6 img {
    padding-left: 25vh;
}

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

    .Uvod {
        padding: 10vh;
    }
    
    .Uvod .col-lg-6 h1 {
        font-size: 48px;
        color: #EEEEEE;
    }

    .Uvod .col-lg-6 h2 {
        font-size: 36px;
        color: #EEEEEE;
    }

    .Uvod .col-lg-6 img {
        padding-left: 0;
        width: 30vh;
    }

    

}

.Obsah {
    padding-top: 10vh;
    padding-left: 27vh;
}

 .Obsah h1 {
    color: #000000;
    font-weight: 700;
    font-size: 60px;
    font-family: "Amarante", serif;
}

.Obsah .info  {
    padding-top: 2vh;
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
}

.Obsah .lokace {
    padding-top: 1vh;
    font-size: 25px;
    font-weight: 500;
    font-family: "Amarante", serif;
}

.Obsah2 img {
    width: 150vh;
}

.Obsah3 img {
    width: 125vh;
}

.Obsah i {
    padding-right: 1vh;
}
/* Texty v úvodní sekci */
.Obsah .povolani {
    padding-top: 2vh;
    color: #000000;
    font-weight: 400;
    font-size: 25px;
    font-family: "Amarante", serif;
}
/* Texty v úvodní sekci */
.Obsah .postavy {
    padding-top: 2vh;
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
}

.Obsah hr {
  border-top: 10px dashed #000080;
}

.Obsah4 hr {
    border-top: 10px dashed #000080;
  }


.Obsah4 h1 {
    color: #000000;
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    padding-bottom: 5vh;
    padding-top: 5vh;
    font-family: "Amarante", serif;
}

.Obsah5 img {
    width: 115vh;
    padding-bottom: 7vh;
    padding-left: 10vh;

}

.Schopnosti {
    display: flex;
    justify-content: center;
    padding-top: 3vh;
    padding-bottom: 4vh;
}

.Schopnosti img {
    width: 25vh;
}

.nazevsch {
    padding-top: 4vh;
    text-align: center;
    font-size: 30px;
    font-family: "Amarante", serif;
    font-weight: 500;
}
/* Texty v úvodní sekci */
.infosch {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.05rem;
    padding-bottom: 5vh;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 2s ease;
}

.reveal.active {
    transform: translateY(0px);
    opacity: 1; 
}

.container {
    max-width: 800px;
    margin:0 auto ;
}

.container h2 {
    font-size: 36px;
    margin-bottom: 40px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

.contact-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.contact-form {
    text-align: left;
}

.contact-form h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.form-group {
    margin-bottom: 20px;

}

.Nadpisy h2 {
    color: #000000;
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    padding-bottom: 5vh;
    padding-top: 5vh;
    font-family: "Amarante", serif;
}

.Nadpisy hr {
    border-top: 10px dashed #000080;
}


.contact-info {
    text-align: left;
    margin-right: 50px;
}

.contact-info h3 {
    font-size: 32px;
    margin-bottom: 20px;
    color:#000000 ;
    font-family: "Amarante", serif;
    font-weight: 60;
}

.contact-info p {
    margin-bottom: 10px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.1rem;
}

.contact-info i {
    color: #000080;
    margin-right: 10px;

}

@media screen and (max-width: 768px)  {
    .container {
        padding: 20px;
    }
    .contact-wrapper { 
        grid-template-columns: 1fr;

    }
    
}

.google-map {
    position: relative;
}

.google-map iframe {
    width: 110%;
    left: 0;
    top: 0;
}

/* Patička */
#footer{padding:3vh 0; background-color: #0e79b8;}
#footer p{margin:0; padding:5px; font-size: 20px; text-align: center; color: #EEEEEE; font-weight: 800; font-family: "Roboto", sans-serif;}
#footer p a{margin:0; padding:5px; font-size: 20px; text-decoration: none; color: #000080; font-weight: 900; font-family: "Roboto", sans-serif;}