body{
    background-color: #ffffff;
    color: #181D27;
}
nav ul li {
    color:rgb(17, 16, 104);
}
header{
    height: 200px;
    background-color: #fffaf2;
}

.head-text{
   font-family: sans-serif;
   font-weight: bold;
   font-size: 20px;
}


.navbar-custom,
.nav-item.dropdown:hover, 
.dropdown-menu {
  
    background-color: #181D27 ; /* Replace with your desired background color */
    color: #ffffff;
}
nav{
    height: 90px;
    font-size: 19px;
}


.navbar-custom 
.navbar-brand,
.navbar-custom 
.navbar-nav 
.nav-link {
    color: #ffffff; /* Replace with your desired text color */
}

#logo{
    height: 200px;
    width: 295px;
}

#pozadi-text{
    color: #ffffff;
}

.pozadi{
    clear: both;
    height:600px;
    width: 100%;
    background-image: url("img/pozadi3.JPG");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.banner{
    clear: both;
    height:100px;
    background-image: url("img/arboristika.jfif");
    background-size: cover;   
    margin-bottom: 20px;
   
}

.wrapper ul{
 list-style-type: none;
 text-decoration: none;
 font-size: 20px;
}

h3, h2{
    text-align: center;
    margin-bottom: 20px;
    color: rgb(70, 68, 68);
}

@media (max-width: 768px) {
    
    .head-text {
      text-align: center;
      font-size: 0.9rem; /* Zmenšení textu na mobilu */
      color: transparent;
    }

    .pozadi {
        height: 300px;
        
    }
  }

h1{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fffaf2;
    margin-top: 15px;
}

h4{
    font-size: 30px;
    color: #ffffff;
}

#poptavka{
    color:#76BC84;
}

.tucne{
  font-weight: bold;
}

#popis{
    font-size: 20px;
}



.img-fluid{ 
    max-width: 100%;
    height: auto;
}



footer{
    background-color: #212529;
    
}

.text-ft{
    color: white;
    font-size: 20px;
}