body {font-family: Arial, sans-serif; margin: 10 0 10 0; padding: 0; background-color: #f8f8f8; color: #444; line-height: 1.6;}

header {text-align: center;}

h1 {font-size: 2.5em; color: #2c3e50; margin: 10px 0;}

nav {display: flex; justify-content: center; background-color: #fff; padding: 10px 0;}
a.menu {text-decoration: none; color: #4CAF50; font-weight: bold; margin: 0 15px; padding: 5px 10px;}
a.menu:hover {background-color: #4CAF50; color: #fff;}


h2.uno {font-size: 2em; text-align: center; color: #4CAF50; margin: 0;}
.intestazione-titolo {text-align: center; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; max-width: 100%; width: 100%;}
.sottotitolo {font-size: 1.1em; font-style: italic; color: #555; margin-top: 5px; margin-bottom: 0; text-align: center;}

h2.servizi {text-align: center; margin-top: 100px; border-top: 2px solid #ddd; padding-top: 10px; margin-top: 20px;}
h3.home1 {color: #555; margin-top: 50px;}
p.home1 {font-size: 1.1em; display: flex; justify-content: center; align-items: center;}
p.home1 img {margin-right: 20px;}

.home {text-align: center; margin-bottom: 20px;}
.home_container {display: flex; align-items: center; gap: 30px; width: 100%; margin: 0 auto;}

.text-block {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.text-block h3 {margin-bottom: 10px;}
.home_container img {max-width: 60%; height: auto;}
.home_container figure {margin: 0; max-width: 60%; text-align: center;}
.home_container figure img {width: 100%; max-width: 100%;}

figcaption {font-style: italic; font-size: smaller;}

input[type='submit'] {background-color: #4CAF50; color: white; padding: 12px 25px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em;
                        font-weight: bold; margin-top: 15px;}
input[type='submit']:hover {background-color: #45a049;}

p {text-align: justify;}
p.link {text-align: center;}
p.foto {text-align: center; margin: 40px auto 20px;}
p.contatti_titolo {font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-top: 30px; margin-bottom: 10px; text-align: center;}
div {max-width: 600px; margin: 30px auto; text-align: center;}
ul.contatti {list-style-type: none; padding: 0; margin: 0; width: fit-content; display: inline-block;}
li.contatti {font-weight: normal; font-size: 0.9em; margin-bottom: 10px; color: #444; text-align: left;}
ul.recaller {text-align: justify;}

footer {text-align: center; padding: 25px; background-color: #2c3e50; color: #fff; margin-top: 60px;}
footer p {margin: 0; display: flex; justify-content: center; align-items: center;}
footer img {vertical-align: middle; margin-left: 10px;}



@media (max-width: 768px) {
    
    nav {flex-direction: column; padding: 0; width: 100%;}
    nav a.menu {display: block; margin: 0; width: 100%; text-align: center; padding: 15px 0; background-color: #f0f0f0; border-bottom: 1px solid #ddd; border-radius: 0;}

    p.home1 {flex-direction: column; text-align: center;}
    p.home1 img {margin-right: 0; margin-bottom: 20px; width: 80%; max-width: 300px;}

    .home_container {flex-direction: column; gap: 20px; margin-bottom: 40px;}

    .home_container img, 
    .home_container figure {order: -1; max-width: 90%; width: auto;}

    img {max-width: 100%; height: auto;}

    
    .home_container .text-block {width: 100%; padding: 0 15px;}

    h1 {font-size: 1.8em;}
    
    h2.uno {font-size: 1.5em;}
}