body{
    height: 1300px;
    background-image: linear-gradient(rgb(51, 50, 50) 25%, rgb(20, 20, 20)80%);
    margin: 0;
}

.headerimg{
    position: relative;
    width:100%;
}

.rozcestnik{
    position: relative;
    bottom: 0%;
    box-shadow: 0px 10px 10px #00000050;
    width: 100%; 
    padding: 1%;
    color:#C0BAB6;
    background-image: linear-gradient(to right, #3d3a3d1f 25%, #3d3a3d 40%, #3d3a3d 60%, #3d3a3d1f 75%);
}

.prvni{
margin-left: 37%;
}

.posledni{
    color: white;
    background: rgba(255, 255, 255, 0.103);
    padding: 2%;
}

a{
    color: #C0BAB6;
    text-decoration:solid ;
}

a:hover{
    color: white;
}

li{
    display:inline;
    margin-left: 2%;
    text-transform:uppercase;
    font-family: sans-serif;
}

.legs{
    position: relative;
    left: 10%;
    top: 10%;
    width:300px;
    height:300px;
    padding:4px;
    border:1px solid #D6D6D6;
    box-shadow: 15px 15px 10px #00000050;
}

.text1{
   position: relative;
   left: 28%;
   bottom: 14%;
}

.text2{
    position: relative;
    left: 28%;
    bottom: 14%;
}

.legs2{
    position: relative;
    left: 10%;
    top: 0%;
    width:300px;
    height:300px;
    padding:4px;
    border:1px solid #D6D6D6;
    box-shadow: 15px 15px 10px #00000050;
}

.text3{
    position: relative;
    left: 28%;
    bottom: 24%;
}

.text4{
    position: relative;
    left: 28%;
    bottom: 24%;
}

h1{
    color: rgba(255, 255, 255, 0.829);
}

h2{
    color: rgba(255, 255, 255, 0.678);
}

p{
    position: relative;
    width: 100%;
    top: 0%;
    padding: 2%;
    background-color: rgb(17, 17, 17);
    color: rgba(241, 240, 240, 0.5);
}

li:hover{
    color: rgb(255, 255, 255);
}