*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

.hlavicka{
    width: 100%;
    height: 100vh;
    background: #de3e08;
    padding-left: 11%;
    padding-right: 8%;
    position: relative;

    background-image: url(red-panda-7656274_640.png);
    background-repeat: no-repeat;
    background-position: 92% 100% ;
}
.text-box p{
    font-family: 'Bebas Neue', sans-serif;
}
.top-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1 5px;
    border-bottom: 5px solid rgb(0, 0, 0);
}

.top-nav ul li{
    list-style: none;
    display: inline-block;
    margin-right: 30px;
    margin-top: 0px;
    margin-bottom: 6px;
    
}

.top-nav ul li a{
    font-family: 'Bebas Neue', sans-serif;
    text-decoration: none;
    color: #000000;
    font-size: 25px;
}
.top-nav ul li img{
    width: 16%;
    margin-left: 140%;
    margin-top: 2px;
}


.text-box{
    margin-top: 14%;
    font-size: 100px;
    color: #000000;

}

.text-box h1{
    font-weight: 500;
    font-size: 40px;
    max-width: 550px;
    line-height: 95px;
    margin-top: 10px;z
}

.vyskyt{
    display: flex;
    background: rgb(237, 189, 130);
    padding-top: 5%;
    padding-bottom: 5%;
    
}

.panda1{
    margin-top: 5%;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Bebas Neue', sans-serif;
    font-family: 'Exo 2', sans-serif;

}

.obrazek{
    float: right;
    border-radius: 10px;
    width: auto;
    height: 40vh;
    margin-right: 3vh;
    background-attachment: fixed;
}

.potrava{
    display: flex;
    background-color: rgb(237, 189, 130);
    padding-top: 1%;
}

.panda2{
    margin-top: 5%;
    float: right;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Bebas Neue', sans-serif;
    font-family: 'Exo 2', sans-serif;
}

.obrazek2{
    float: left;
    border-radius: 10px;
    width: auto;
    height: 40vh;
    margin-bottom: 5vh;
    margin-right: 3vh;
    background-attachment: fixed;
}
.pytlactvi{
    display: flex;
    background-color: rgb(237, 189, 130);
    padding-top: 0%;
}

.panda3{
    margin-top: 2%; 
    float: right;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Bebas Neue', sans-serif;
    font-family: 'Exo 2', sans-serif;
}

.obrazek3{
    float: left;
    border-radius: 10px;
    width: auto;
    height: 40vh;
    margin-bottom: 5vh;
    margin-right: 3vh;
    background-attachment: fixed;
}


.footer-info{
    display: flex;
}

.container{
    background-color: rgb(0, 0, 0);
    padding-top: 1%;
    padding-bottom: 1%;
}

.copy-text{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 5vh;
    font-size: 1.2rem;
    color:  antiquewhite;
}