body {

    font-family: 'Roboto', sans-serif;

    margin: 0;

    padding: 0;

}



.container {

    width: 80%;

    margin: 0 auto;

}



header {

    background-color: #fff;

    color: #333;

    padding: 20px 0;

    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

}



header h1 {

    margin: 0;

    font-size: 1.5rem;

}



nav ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}



nav ul li {

    display: inline;

    margin-right: 20px;

}



nav ul li a {

    text-decoration: none;

    color: #333;

    font-size: 1rem;

}



nav ul li a:hover {

    color: #ff7f00;

}



#chi-sono, #servizi, #approccio, #faq, #testimonianze, #contatti, #index {

    color: #fff;

    padding: 50px 0;

    text-align: center;

    background-size: cover;

    background-position: center;

}



#chi-sono .content, #servizi .content, #approccio .content, #faq .content, #testimonianze .content, #contatti .content, #index .content {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 20px;

    border-radius: 10px;

}



#chi-sono h2, #servizi h2, #approccio h2, #faq h2, #testimonianze h2, #contatti h2, #index h2 {

    font-size: 2rem;

    margin-bottom: 20px;

}



#chi-sono p, #servizi p, #approccio p, #faq p, #testimonianze p, #contatti p, #index p {

    font-size: 1.1rem;

    margin-bottom: 15px;

}



footer {

    background-color: #fff;

    color: #333;

    padding: 20px 0;

    text-align: center;

    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);

}



footer p {

    margin: 0;

}



.social-icons a {

    color: #333;

    margin: 0 5px;

    font-size: 1.2rem;

    transition: color 0.3s;

}



.social-icons a:hover {

    color: #ff7f00;

}



.background-chi-sono {

    background-image: url('background-chi-sono.jpg');

}



.background-servizi {

    background-image: url('background-servizi.jpg');

}



.background-approccio {

    background-image: url('background-approccio.jpg');

}



.background-faq {

    background-image: url('background-faq.jpg');

}



.background-testimonianze {

    background-image: url('background-testimonianze.jpg');

}



.background-contatti {

    background-image: url('background-contatti.jpg');

}



.background-index {

    background-image: url('background-index.jpg');

}