.mezera{
    margin-right: 10%;
    padding-top: 1px;
}
html,
body {
  scroll-behavior: smooth;
  margin: 0px;
}
.menu ul {
    list-style: none;
    text-align: center;
    font-size: 20px;
}
.linkbarva{
    display: inline;
    margin-right: 5vw;
    color: whitesmoke;
    font-family: 'Roboto Slab', serif;
}
.linkactive{
    color: #FED766;
    display: inline;
    margin-right: 5vw;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.menu ul li :hover{
    display: inline;
    margin-right: 5vw;
    color: #FED766;
}
.cara{
    width: 75%;
    height: 1.5px;
    background-color:dimgray;
}
.obsah{
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding-top: 1.5%;
}
.obsahtextu{
    width: 50%;
    margin: auto;
}
h6{
    color:#c7c7c7;
    font-size: 100%;
    font-family: 'Nunito', sans-serif;
}
.obsahpad{
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding-top: 5%;
    float: inherit;
    color: #808080;
}
.bilaBarva{
    color:#c7c7c7;
}
.obsah p{
    float:inherit;
    color: #c7c7c7;
    transition: 1s;
    display: block;
    font-family: 'Nunito', sans-serif;
}
.obsah h1{
    float:inherit;
    text-align: center;
    margin-left: 0%;
    font-family: 'Dancing Script', cursive;
    color: #E6E6EA;
    font-size: 400%;
}
.hlavnistranka{
    background-image: url("obrazky/vinice5.png");
    height: 100vh;
    background-size: cover;
}
.strankaVino{
    background-image: url("obrazky/noveBileVino.png");
    height: 100vh;
    background-size: cover;
    float: left;
    width: 100%;
}
.strankaVino2{
    background-image: url("obrazky/pozadivino2.png");
    height: 100vh;
    background-size: cover;
    float: left;
    width: 100%;
}
.strankaVino3{
    background-image: url("obrazky/vinoBile3.png");
    height: 100vh;
    background-size: cover;
    float: left;
    width: 100%;
}
.obsah h4 a{
    float: inherit;
    text-align: center;
    margin-left: 0%;
    color: #E6E6EA !important;
    transition: 1s;
}
.obsah h4 a:hover{
    text-decoration: underline;
    float: inherit;
    text-align: center;
    margin-left: 0%;
    color: white;
    transition: 1s;
}
.odsazeni {
    margin-left: 25vh;
}
.leva{
    float: left;
    width: 33.33%;
    height: 100%;
    padding-top: 10%;
}
.prava{
    float: right;
    width: 33.33%;
    height: 100%;
    padding-top: 10%
}
.prostredek{
    float: left;
    width: 33.33%;
    margin: 0 auto;
    background-color: yellow;
}
.levapul{
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 8%;
    font-size: 1.4em;
}
.levapul p{
    padding-top: 10%;
    font-weight: bold;
    font-size: larger;
    font-family: 'Nunito', sans-serif;
}
.leva2pul{
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 8%;
    font-size: 1.4em;
}
.leva2pul p{
    padding-top: 10%;
    font-weight: bold;
    font-size: larger;
    font-family: 'Nunito', sans-serif;
}
.vino-nadpis{
    color: black;
    font-size: 1.7em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding-top: 3%;
    font-weight: bold;
}
.vino-puvod{
    color: #808080;
}
.vino-jmeno{
    font-size: 3em;
    padding-top: 2%;
    font-weight: bold;
    font-family: 'EB Garamond', serif;
}
.vino-typ{
    color: rgb(133, 51, 51);
    font-family: 'Nunito', sans-serif;
    padding-top: 2%;
    font-weight: bold;
}
.vino-text{
    padding-top: 0.5%;
    width: 66%;
    color: black;
    font-size: 1.2em;
    font-family: 'Nunito', sans-serif;
}
.vino-koupit a{
    color: rgb(116, 25, 25);
    text-align: center;
    padding-top: 8%;
    padding-left: 43%;
    font-size: 4em;
}
.vino-koupit a:hover{
    color: rgb(133, 51, 51);
    text-align: right;
    text-decoration: none;
}
.box{
    width: 100px;
    height: 100px;
}
.containerr{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.vino-charakterleva{
    text-align: center;
    color: black;
    list-style-type: none;
    padding-top: 3%;
    display: inline;
    
}


/*
.vino-charakterprava{
    text-align: right;
    color: black;
    list-style-type: none;
    padding-top: 3%;
}

.zarovnanitextuvpravo{
    width: 40%;
    height: 100%;
    text-align: center;
    float: right;
}
.zarovnanitextuvpravo h1{
    background-color: lime;
    width: 33.33%;
    float: right;
    height: 100%;
}
.zarovnanitextuvpravo h3{
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    color: red;
    padding-top: 5%;
}
.zarovnanitextuvpravo p {
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 150%;
    left: 60%;
}
*/
@media (max-width: 768px) {
    .hlavnistranka{
        height: auto;
        padding-bottom: 5vh;
    }
    .strankaVino{
        color: #c7c7c7;
        height: auto;
        padding-bottom: 5vh;
        background-position: center;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
    }
    .strankaVino2{
        color: #c7c7c7;
        height: auto;
        padding-bottom: 5vh;
        background-position: center;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
    }
    .strankaVino3{
        color: #c7c7c7;
        height: auto;
        padding-bottom: 5vh;
        background-position: center;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
    }
    .leva{
        width: 100%;
        text-align: center;
    }
    .prava{
        width: 100%;
        text-align: center;
    }
    .vino-text{
        width: 100%;
        color: #c7c7c7;
    }
    .vino-koupit a{
        color: #FF7F11;
    }
    .vino-nadpis{
        color: rgb(211, 211, 211);
    }
    .vino-jmeno{
        color: rgb(255, 255, 255);
    }
    .vino-typ{
        color: rgb(190, 18, 18);
    }
    .vino-puvod{
        color: #dfdada;
    }
    .leva2pul p{
        padding-right: 12%;
    }
}