.servizio .titolo{
color:  #063660;
}

.servizio .titolo h1{
margin-top: 0;
}

.servizio .testo{
position: relative;
float: left;
margin-top: 120px;
width: 60%;
height: calc(100% - 120px);
margin-left: 5%;
}

.servizio .testo .sezione {
position: absolute;
float: left;
height: auto;
top: 25%;
transform: translate(0,-25%);
}
.servizio .testo .sezione.basso {
top: auto;
bottom: 25%;
transform: translate(0,25%);
}

.servizio .testo .testo{
position: relative;
float: left;
width: 100%;
height: auto;
margin-top: 0px;
margin-left: 0%;
}

.servizio .img{
position: relative;
float: right;
background-size: cover;
background-color:  #063660;
background-position: center;
background-repeat: no-repeat;
margin-top: 120px;
width: 30%;
height: calc(100% - 120px);
}

.servizio .img .icone{
position: absolute;
float: left;
top: 0;
width: 100%;
height: 100%;
background: rgba(5,43,76,0.7);
}


.servizio .img .icone .icona {
position: absolute;
float: left;
height: 30%;
top: 25%;
left: 50%;
transform: translate(-50%,-50%);
}
.servizio .img .icone .icona.basso {
top: auto;
bottom: 25%;
transform: translate(-50%,50%);
}

.servizio .img .icone .icona img{
height: 80%;
padding: 10%;
}


.servizio #servizio-1.img{
background-image: url("../Immagini/Assistenza-Parcometri.jpg");
}

.servizio #servizio-3.img{
background-image: url("../Immagini/Parcometro.jpg");
}
.servizio .logo{
position: relative;
float: left;
width: 40%;
top: 120px;
left: 50%;
transform: translate(-50%);
}
.servizio .logo img{
width: 100%;
}

.servizio #scorri{
position: absolute;
float: left;
bottom: 2%;
left: 50%;
transform: translate(-50%);
}
.servizio #scorri .testo{
position: relative;
float: left;
width: 100%;
color: #063660;
font-size: 20px;
}
.servizio #scorri .linea{
position: relative;
float: left;
top: 0;
left: 50%;
transform: translate(-50%);
width:2px;
height: 20px;
background: #063660;
animation-name:linea;
animation-duration:2s;
animation-iteration-count: infinite;
}
@keyframes linea {
50% {
height:0;
margin-bottom:20px;
}
100% {
height:20px;
margin-bottom:0px;
}
}
#s-footer{
position: absolute;
float: left;
width: 100%;
height: 100%;
}
#s-footer #footer{
position: absolute;
bottom: 0;
}

@media (max-width: 1000px){
.servizio #scorri{
display: none;
}
.servizio .testo{
margin-top: 70px;
width: 90%;
z-index: 1;
height: calc(100% - 70px);
}
.servizio .testo .testo{
font-size: 13px;
}
.servizio .titolo h1{
font-size: 20px;
}
.servizio .img{
position: absolute;
float: left;
margin-top: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.3
}
}