#intro{
position: relative;
float: left;
top: 0;
width: 100%;
height: 100%;
}

#intro .sfondo{
position: relative;
float: left;
background-image: url("../Immagini/Sfondi/Parcometro.jpg");
background-size: cover;
background-color: black;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

#intro .titolo{
position: absolute;
float: left;
width: 35%;
top: 50%;
margin-top: 60px;
transform: translate(0,-50%);
color: white;
font-size: 12px;
padding: 2.5%;
margin-left: 2%;
}

#intro .titolo .hectronic{
position: absolute;
float: left;
width: 100%;
margin-top: 5%;
}

#intro .titolo .testo, #intro .titolo img{
position: relative;
float: left;
width: 60%;
font-size: 20px;
font-weight: bold;
}
#intro .titolo img{
position: absolute;
float: right;
width: 30%;
margin-left: -5%;
top:50%;
transform: translate(0,-50%);
}

.sezione{
position: relative;
float: left;
width: 90%;
padding: 5%; 
margin-top: 5%;
}

.sezione .titolo{
color: #063660;
}

#chi-siamo .testo{
position: relative;
float: left;
width: 60%;
}

#chi-siamo .linea{
position: absolute;
float: left;
top: 0;
left: 0;
width: 3%;
height: 100%;
background-color: #063660;
}

#chi-siamo .testo h1{
margin-top: 0;
}

#chi-siamo .img{
position: absolute;
float: right;
top:0;
right: 0;
background-image: url("../Immagini/Sergio-Pedrini.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 30%;
height: 70%;
margin: 5%;
}

#chi-siamo .testo .testo{
width: 100%;
}

#cosa-facciamo{
width: 100%;
padding: 0;
background: #063660;
}

#cosa-facciamo .sfondo{
position: absolute;
float: left;
background-image: url("../Immagini/Sfondi/Parcometro-Parcheggi-2.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30%;
height: 100%;
left: 0;
opacity: 1;
z-index: 0;
}

#cosa-facciamo .testo{
position: relative;
float: right;
width: 60%;
padding: 3% 5%;
margin: 5% 0;
text-align: right;
color: white;
}
#cosa-facciamo .titolo{
color: white;
}

#cosa-facciamo h1{
margin: 0;
margin-bottom: 2%;
}

#cosa-facciamo .testo .testo{
width: 100%;
margin: 0;
padding: 0;
background: none;
}

#servizi .servizi{
position: relative;
float: left;
width: 70%;
}
#servizi .linea{
position: relative;
float: left;
width: 100%;
height: 100px;
margin-top: 7%;
}

#servizi .linea .testo, #servizi .linea .img{
position: relative;
float: left;
width: 50%;
margin-left: 2.5%;
color: #063660;
text-align: center;
}

#servizi .linea .testo{
top: 50%;
transform: translate(0,-50%);
text-align: left;
}

#servizi .linea .d-linea{
position: absolute;
float: left;
width: 32.5%;
margin-left: 2.5%;
top: 50%;
transform: translate(0,-50%);
height: 3px;
background-color: #063660

}

#servizi .linea .img{
margin-left: 37.5%;
width: 10%;
height: 100px;
background-size: contain;
background-color: white;
background-position: center;
background-repeat: no-repeat;
}

#servizi .linea #img-1{
background-image: url("../Immagini/Icone/Assistenza.png");
}

#servizi .linea #img-2{
background-image: url("../Immagini/Icone/Manutenzione.png");
}

#servizi .linea #img-3{
background-image: url("../Immagini/Icone/Contratti.png");
}

#servizi .icon{
position: relative;
float: left;
width: 30%;
}

#servizi .icon img{
width: 100%;
}


#servizi #bottone{
position: relative;
float: left;
width: 90%;
padding: 2% 5%;
left: 50%;
transform: translate(-50%);
margin-top: 5%;
text-align: center;
font-weight: bold;
border: 2px solid #063660;
background-color: #063660;
color: white;
transition: 0.3s;
}

#servizi #bottone:hover{
background: white;
color: #063660;
}

@media (max-width: 1000px){
#intro .titolo{
width: 60%;
margin-top: 20px;
font-size: 9px;
}
#intro .titolo .testo{
font-size: 12px;
}
#chi-siamo .testo{
width: 100%;
}
#chi-siamo .img{
display: none;
}
#cosa-facciamo .sfondo{
width: 100%;
height: 100%;
opacity: 0.1;
}
#cosa-facciamo .testo{
width: 90%;
padding: 3% 5%;
text-align: left;
}
#servizi{
margin-bottom: 30%;
}
#servizi .servizi{
width: 100%;
}
#servizi .icon{
position: absolute;
top: 100%;
width: 90%;
}
#servizi .icon img{
display: none;
}
#servizi .linea{
height: 70px;
}
#servizi .linea .d-linea{
display: none;
}
#servizi .linea .img{
margin-left: 5%;
height: 100%;
}
#servizi .linea .testo{
width: 72.5%;
font-size: 12px;
}
}