@charset "UTF-8";
/* CSS Document */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

.background {
    background-image: url('background-ter.jpg');
    background-size: cover;
    height: 100vh; /* Altezza dello schermo */
}

.band {
    position: fixed;
	top: 0;
    display: flex;
    justify-content: space-between;
}

.image-container {
    flex: 1; /* Ogni immagine occupa la stessa quantità di spazio */
    overflow: hidden; /* Nasconde eventuali overflow delle immagini */
}

.image-container img {
    width: 100%; /* Le immagini si adattano alla larghezza del loro contenitore */
    height: 100%; /* Le immagini si adattano all'altezza del loro contenitore */
    object-fit: cover; /* Le immagini vengono ridimensionate per coprire l'intero contenitore mantenendo le proporzioni */
}

.logo {
	text-align: center;
	margin-top: 25px;
}

.overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 350px;
    background-color: rgba(255, 255, 255, 0.5); /* Colore del fondino al 50% di opacità */
    z-index: 10; /* Assicura che l'overlay sia sopra lo sfondo */
}

.content {
    text-align: center;
    color: black; /* Colore del testo */
}

.content p {
  margin-top: -11px;
}