.header {
    text-align: center;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    background-image: url("../../images/Etusivu/header/header_tausta.jpg");
    background-position: center 150px; /* Säilytetty, mutta tarkista, sopiiko arvo */
    background-size: 100% 100%; /* Vaihdettu coveriin välttääksesi vääristymän */
    height: 150px;
}

.logo img {
    margin-top: 15px;
    width: 120px;
    height: 120px;
    object-fit: contain; /* Varmistaa, että logo näkyy kokonaan */
    object-position: center;
    border-radius: 20px; /* Pyöreät kulmat (säädä arvoa tarpeen mukaan) */
    opacity: 0.9; /* Siirretty opacity logolle, jos haluat läpinäkyvyyttä */
    
}



@media (min-width: 768px) {
.header {
    text-align: center;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    background-image: url("../../images/Etusivu/header/header_tausta.jpg");
    background-position: center 250px; /* Säilytetty, mutta tarkista, sopiiko arvo */
    background-size: 100% 100%; /* Vaihdettu coveriin välttääksesi vääristymän */
    height: 250px;
}

.logo img {
    margin-top: 25px;
    width: 200px;
    height: 200px;
    object-fit: contain; /* Varmistaa, että logo näkyy kokonaan */
    object-position: center;
    border-radius: 20px; /* Pyöreät kulmat (säädä arvoa tarpeen mukaan) */
    opacity: 0.9; /* Siirretty opacity logolle, jos haluat läpinäkyvyyttä */
}
}