html{
    font-size:15px;
    }
    body{
        margin:0px;
    }
    #banner{
        background-image: url(/img/wydarzenia/43.JPG);
        height: 92vh;
        background-size: cover;
        background-position: top;
    }
    #menu{
        height:15vh;
        width:100%;
        font-size:1rem;
        float:right;
        font-weight: bold;
        margin-top:1%;
    }
    #positionMenu{
        float:right;
        margin-top:auto;
        margin-bottom:auto;
        margin-right:1%;
        height:35%;
        width:9%;
        display: inline-block;
        border: 1px white solid;
        border-radius:5px;
        text-align: center;
        background-color: white;
        opacity:0.85;
        color:black;
    }
    .small{
        font-size:1rem; 
        line-height:250%;
    }
    .big{
        font-size: 0.8rem;
    }
    @media(min-width:1367px){
        .small{
            font-size:1.4em;
        }
        .big{
            font-size:1.2em;
        }
    }
    #flag{
        float:left;
        height:30%;
        width:4%;  
        margin-left:1%;
    }
    #positionMenu:hover{
        filter:contrast(200%);
    }
    #flag:hover{
        filter:contrast(120%);
    }
    @font-face
{
font-family:Black;
src: url(/img/Carnevale.ttf);
}
    #text{
        position: absolute;
        width:100%;
        top:20%;
    }
    h1{
        font-family: Black;
        font-size: 5rem;
        padding-left:5%;
        color:#800000;
        font-style:italic;
    }
    h6{
        margin-left:2%;
        text-align: left;
        font-family:sans-serif;
        font-size:.3em;
}
   #name{
        background-color: #8b8b8b;
        height:10vh;
        font-family: Black;
        font-size:3rem;
        text-align: center; 
    }
    #window{
        width: 100%;
        background-image:url(/img/wydarzenia/rock1.jpg);
        padding-top:6%;
    }
    #inscryption{
        width: 80%;
        margin-left:10%;
        text-align: center;
        background-color: #8b8b8b;
        border:1px #8b8b8b solid;
        border-radius:5px;
        font-size:3rem;
        font-weight: bold;
        color:#202020;
        border-bottom:2px solid black;
    }
    #slider,#slider2,#slider3{
        margin:auto;
        width:800px;
        height:600px;
    }
    #slider4{
        margin:auto;
        width:800px;
        height:300px;
    }
    #sliderPedigrees{
        display:inline-block;
        margin-left:5%;
        margin-top:2%;
        width:20%;
        height:30%;
        background-color:#606060;
    }
    .fa{
        font-size: 3rem;
        margin-top:30%;
    }
    .fa-chevron-circle-right{
        float:right;
    }
    .fa-chevron-circle-left{
        float:left;
    }
    #picture,#picture1,#picture2{
        width:100%;
        height:100%;
    }
    .picture{
        width:90%;
        height:90%;
        border:1px black solid;
        border-radius: 4px;
    }
    p{
        margin-left:2%;
        text-align: left;
        font-family:sans-serif;
        font-size:.7em;
    }
    li{
        padding-left:2%;
        text-align: left;
        font-family:sans-serif;
        font-size:.6em;
    }
    h2{
        text-align: right;
        font-family:sans-serif;
        font-size:.6em;
        margin-right:5%;
    }
    h4{
        font-size:1.8em;
        padding-top:10%;
        padding-bottom:20%;
    }
    #raceHeading{
        width:100%;
        height:15%;
    }
    #raceLeft{
        display: inline-block;
        width:50%;
        height:100%;
        float:left;
    }
    #raceRight{
        display: inline-block;
        width:50%;
        height:50%;
        float:right;
        font-size:0.25em;
    }
    #raceCenter{
        margin-top:20%;
        width:100%;
        font-size:0.6em;
    }
     /*stopka*/
    a{
        text-decoration: none;
    }
    #grey{
        color:grey;
    }
    #footer{
        display: inline-block;
        background-color:white;
        width:100%;
        height:80%;
        color:grey;
        background-image: url(/img/wydarzenia/rock1.jpg);
        padding-top:1%;
    }
    #footerRight{
        margin-bottom:2%;
        height:80%;
        float:right;
        margin-right:10%;
        font-size:1.4rem;
    }
    #footerLeft{
        margin-bottom:2%;
        float:left;
        width:15%;
        height:30%;
        font-size:1.4rem;
    }
    #footerLeft1{
        margin-bottom:2%;
        text-align: center;
        width:70%;
        font-size:1.4rem;
    }
    #logo{
        width:60%;
        height:30%;
    }
    .margin{
        margin-left:10%;
    }
    #cookies-message{
        position: fixed;
        left: 0px;
        bottom: 0px; 
        height: 3em;
        line-height: 3em;
        background: #000000;
        color: #ffffff;
        width: 100%;
        text-align: center;
        opacity: 0.8;
    }
    #more_cooki{ 
        color: #D9D9F3;
    }
    #ok_cooki{
        text-decoration: none;
        padding-left: 22px;
        font-size: 24px;
        color: #F5CCB0;
    }