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

.container{
    position: relative;
    margin-top: -40%;
    z-index: 1;
}

.navbar {
    position: relative;
    z-index: 1000; /* Kõrgem z-indeks navbarile */
}




.image {
    border: 1px solid #e5e3e3; /* Helehalli piirjoon */
    box-shadow: 0 0 30px rgba(252, 5, 5, 0.1); /* Varju piirjoonele */
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: -6px 5px 5px rgba(255, 133, 133, 0.1);
    transition: box-shadow 0.3s ease;
}
.image:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.1); /* Suurem varju hoveril */
  }

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    width: 70%;
    opacity: 0; /* Algne nähtavus 0 */
    transition: opacity 0.3s ease;
    background-color: rgb(251, 232, 232);
    pointer-events: none;
}

.thumbnail-tumba {
    position: relative;
    overflow: hidden;
}

.foto-container {
    position: relative;
    display: inline-block;
}

.supakad-caption {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.thumbnail-tumba:hover .overlay {
    opacity: 0.9; /* Overlay nähtavus hõivamisel */
}

.thumbnail-tumba:hover {
    transform: translateY(-4px);
    width: 100%;
}


/* 2) SIIT ALGAB PRAKTIKA-1 BLOKK-2 SISSEJUHATUS*/
.blokk2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: white;
    align-items: flex-start;
    margin: 60px 0px;
  }
  
  .raamiga-box {
    position: relative;
    width: 1190px;
    height: 150px;
    padding-top: 90px;
    border-bottom: 1px solid #fb6804;
    background-color: white;
  }
  
  .raamiga-box h3 {
    font-weight: 400;
    font-size: 1.8em;
    color: #fb6804;
  }

 .supakad-caption-1{
    padding-top: 50px;
    padding-left: 30px;
    font-weight: 200;
    font-size: 1.0em;

 }
 .supakad-caption-1 p{
    font-weight: 200;
 }
  

 /*MENÜÜ ALGUS*/
.navbar{
    background-color: rgb(255, 255, 255); /* Muudame navbari tausta valgeks */
    border: 1px solid rgb(165, 165, 165); /* Lisame piiratud musta joone */
    }
    .navbar .navbar-nav .nav-item .nav-link {
        color: rgb(243, 109, 7); /* Muudame teksti värvi oranžiks */
    }
      
    .navbar .navbar-nav .nav-item .nav-link:hover {
        color: #07677f; /* Muudame teksti värvi oranžiks, kui hiirekursor on üle sõna */
    border-radius: 10px;
    padding-top: 2%;
    padding-bottom: 2%;
    border: solid 1px #fb6304;
    }
      
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: #07677f; /* Muudame teksti värvi oranžiks dropdown menüüs */
    }
      
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    color: #07677f; 
    background-color: #fb9570;
    }
    .navbar-nav .nav-link {
    font-weight: 400;
    }
    
  
  
    /* MENÜÜ LÕPP*/