@font-face {
  font-family: "deibi";
  src:
    url("deibi.otf"),
}

@font-face {
    font-family: "helveticaNeueLight";
    src: url(HelveticaNeueLight.otf);
}

@font-face {
    font-family: "HelveticaNeueThin";
    src: url(HelveticaNeueThin.otf);
}

body {
	font-family: HelveticaNeueThin,work sans,sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

header {
    background: #f4f4f4;
    color: #fff;
    padding: 20px;
    text-align: center;
}

h1 {
    margin: 0;
}

#social-media {
    margin: 20px;
    text-align: center;
}

#social-media ul {
    list-style-type: none;
    padding: 0;
}

#social-media li {
    display: inline;
    margin: 0 10px;
}

#social-media a {
    text-decoration: none;
    color: #333;
    font-size: 24px; /* Taille des icônes */
}

#social-media a:hover {
    color: #0073e6; /* Couleur au survol */
}

#gallery {
    margin: 20px;
}

.image-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.image-container img {
    width: 300px;           /* Largeur fixe */
    height: auto;          /* Hauteur automatique */
    margin: 10px;
    border: 0px solid #333;
    border-radius: 1rem;
    object-fit: cover;     /* Garde l'aspect ratio sans déformation */
}

footer {
    text-align: center;
    padding: 15px;
    background: #333;
    color: #fff;
    position: relative;
    bottom: 0;
    line-height: 0.5rem;
}

@media (max-width: 800px) {
.image-container img {
    width: 80vw;           /* Largeur fixe */
    }    
}