.linea_estensione{
    height: 10px;
    width: 100%;
    background-color: lightgray;
    margin-bottom:20px;
    position: relative;
}

.linea_estensione_nera{
    position: absolute;
    height: 100%;
    width:100%;
    background: #6896b1;
}

#prima_linea{
    width: 50%;
    float:right;
}

#prima_linea p{

    display: inline-block;
    margin-top: -30px;
    position: absolute;
}


#lungh_costa{
    font-size: 80px;margin: 200px 0;
}
/*CASTELLO*/


 #step3{
    height: 100vh;

position: relative;
 }

#img_castello{
    position: relative;
}
#img_castello #linea{
    position: absolute;
    width:100%;
 z-index: 1; 
}

#img_castello #testo{
    position: absolute;
    text-align: center;
    width:100%;
    top: 55%;
    font-size: 60px;
 z-index: 1; 
}

#img_castello #mare{
  
 /*height: 800px;*/
}

#img_castello #fiume{
    position: absolute;
    width:100%;
 z-index: 1; 
/* height: 800px;*/
}

#img_castello #castello{
    position: absolute;
    width:100%;
 z-index: 1; 
/* height: 800px;*/
}

#img_castello #doppie_frecce{
    position: absolute;
    width: 20%;
    z-index: 1;
    left: 38%;   
    top: 32%;
}