body {
    background-image: url('bilder/bakgrunder/2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    position: relative;
    max-width: 64em;
    margin: 0 auto;
    color: yellow;
    font-size: 1.3em;
    font-family: 'Roboto', serif;
    line-height: 1.4;
}

header {
    padding: 5vw 5vw 0 5vw;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

header h1 {
    font-size: 1em;
    flex: 1;
    white-space: nowrap;
    padding: 0 5vw .5em 0;
}
.texxt{
  margin-bottom: 30px; 
  text-align: center;
}

.container {
  display: flex;
  flex-direction: column; 
  text-align: left; 
  padding: 20px; 
}

.text {
  margin-bottom: 30px; 
}

.text h2 {
  font-size: 28px; 
}

.text p {
  font-size: 18px; 
}
.ref p {
  font-size: 11px; 
}
.mini p {
  font-size: 11px; 
  color: white;
}
ul {
    list-style-type: none;
    padding: 0; 
}

.gallery ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 10px; 
  list-style-type: none;
    padding: 0;
}

.flex-item-II {
  flex: 1 1 30%; 
}

.flex-item-II img {
  width: 100%;
  height: auto; 
}


@media (max-width: 600px) {
  .text h2 {
    font-size: 24px;
  }

  .text p {
    font-size: 16px;
  }

  .flex-item-II {
    flex: 1 1 100%;
  }
}