@media (max-width: 768px) {
	 .header-img,
	.logo-img{
    display: none;
	}
  .top-bar {
    flex-direction: row;
  }

  .social-links.desktop-only {
    display: none;
  }
	.nimi{
		font-size: 2rem;
	}
  .mobile-only {
    display: block;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
  }

  .hamburger {
    display: block;
    font-size: 34px;
    cursor: pointer;
    padding: 10px;
  }

  .dropdown-menu {
    position: fixed;
    top: 10px;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: #2e6049;
    z-index: 1000;
    overflow-y: auto;
    transition: left 0.3s ease;
    padding-top: 60px;
  }

  .dropdown-menu.open {
    left: 0;
  }

  .menu-toggle {
    width: 100%;
    background-color: #dcefe2;
    border: none;
	border-radius: 10px 0 0 10px;
    padding: 5px 5px;
    text-align: left;
    font-size: 1rem;
    cursor: pointer;
  }

  .submenu {
    display: none;
    padding-left: 20px;
  }

  .submenu a {
    padding: 10px 20px;
    display: block;
  }
	
  .logo-header-container {
    flex-direction: column;
  }

  .logo-img{
	  width:50%;
	/*  max-width:200px;*/
	}
  .header-img {
    width: 80%;
    max-width: 300px;
  }
.sisu{
display: block;
	padding:0;
	word-break:break-word;
 	 justify-content: center;
	
  word-wrap: break-word;
overflow-wrap: break-word; 
	/*	 text-align: left;*/
}	
	.details-content{
		width: 87vw !important;
	}
}