.logoindex {
  max-width: 200px;  /* Standardstorlek på desktop */
  height: auto;
  transition: max-width 0.3s ease-in-out; /* Fin övergång */
}

@media (max-width: 992px) {
  .logoindex {
    max-width: 150px; /* För surfplattor */
  }
}

@media (max-width: 576px) {
  .logoindex {
    max-width: 100px; /* För mobiler */
  }
}

.sitename {
  font-size: 2rem; /* Standardstorlek */
}

@media (max-width: 576px) {
  .sitename {
    font-size: 1.2rem; /* Mindre rubrik på mobil */
  }
}