header nav ul li:nth-of-type(2) {
    text-decoration: underline;
}

img {
    width: 20em;
}

section {
    padding-bottom: 2em;
}

.carousel {
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.carouselphotos {
    display: flex;
    gap: .5em;
    scroll-snap-align: start; 
}

.carousel img {
    flex-shrink: 0;
}

@media (width > 50em) {
    main {
        padding: 2em 15em;
    }
}

main p {
    text-transform: none;
    /* padding-bottom: 3em; */
    text-align: center;
}

main a {
    color: var(--color-link);
    text-transform: none;
    padding: 1.3em;
    padding-right: 0;
    line-height: 2em;
}

.magazine-pdf {
    text-decoration: none;
}

main section:nth-of-type(1) a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
    font-size: small;
    padding: 0;
}

.silverbook {
    display: flex;
    align-items: center;
    justify-content: center;
}

.returnof10s {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*************/
/* WEBDESIGN */
/*************/
.duoboekenzoeker, .neworderimg {
    display: flex;
    flex-direction: row;
}

.duoboekenzoeker, .starsyncimg {
    padding-bottom: 2em;
}

@media (width > 50em) {
    .webdesign img {
        height: 20em;
        width: auto;
    }

    iframe {
        width: 40em;
        height: 25em;
    }
}

.webdesign section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (width < 50em) {
    .webdesign {
        padding: 2em;
    }

    .webdesign .starsyncimg img {
        height: 29em;
    }

    .webdesign img {
        height: 11em;
        width: auto;
    }
    
    .duoboekenzoeker {
        display: flex;
        flex-direction: column; 
    }

    .webdesign .duoboekenzoeker img {
        height: 14em;
        width: auto; 
    }

    iframe {
        width: 20em;
        height: 20em;
    }
}

/* zoom on picture */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    display: none;
    justify-content: center;
    align-items: center;
  }
  
  #overlay img {
    height: 25em;
    width: auto;
  }
  
  img.zoomable {
    cursor: zoom-in;
    transition: transform 0.3s ease;
  }
  
  img.zoomable:hover {
    transform: scale(1.03);
  }

  @media (width < 50em) {
    #overlay img {
      height: 15em;
      width: auto;
    }
  
    #overlay.starsync-overlay img {
      height: 25em;
    }
  
    #overlay.neworder-first-overlay img {
      height: 22em;
    }
  }