body {
    font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: white;
	background: #cccccc;
}

.logo {
    max-width: 600px;       /* Never lets the box get wider than 700px */
    width: 100%;            /* Allows the box to shrink on smaller screens */
    margin: 2rem auto 0;         /* Centering magic: 0 top/bottom, auto left/right */
    padding: 0 20px;        /* Optional: Prevents the image from hitting phone edges */
    box-sizing: border-box; /* Ensures padding doesn't accidentally widen the box */
}

.logo img {
    width: 100%;            /* Forces the image to match the container's width */
    height: auto;           /* Maintains the original 910x388 aspect ratio perfectly */
    display: block;         /* Removes a tiny default bottom margin gap browsers add */
}

.testo1 {
	width: 100%;   
	 margin: 1.5rem auto 0;
	 text-align: center;
	 font-size: clamp(1rem, 4vw, 1.5rem);
	 line-height: 1.2;
}

.dati-azienda {
	width: 100%;   
	 margin: 1.5rem auto 0;
	 text-align: center;
	 font-size: clamp(1rem, 4vw, 1.5rem);
	 line-height: 1.2;
}

.flex-container {
    display: flex;
    align-items: center;    
    gap: 40px;             
    max-width: 1100px;      
    margin: 0 auto;        
    padding: 20px;
}

.text-column {
    flex: 1;   
}

.image-column {
    flex: 1;                
    min-width: 0;           
}
.image-column img {
    width: 70%;            
    height: auto;           
    display: block;
	 margin: 0 auto; 
}

@media (max-width: 768px) {
    .flex-container {
        flex-direction: column; /* Stacks column 1 on top of column 2 */
        gap: 20px;              /* Tightens space between elements on small screens */
    }
}