body{
    margin:0px;
    background-color:aliceblue
}
#first_imagine{              
    width:calc(100% - 240px);
    height:45%;
    height:auto;
    margin-top:60px;
}
#sede{ 
    position: absolute;
    background-color: rgb(78,170,88);
    right:0px;
    top:80px;
    width:200px;
    height:200px;
    padding:20px;
    text-align: center;
    font-size: 25px;
    color:white;
}
#sede img{
    width: 100px;
    height:100px;
}
#servizi{
    position:relative;
    width:300px;
    height: 300px;
    padding:20px;
    z-index:1;
    background-color: rgb(208, 208, 208);
    float:left;
}
#container_servizi{
    width:100%;
    height:340px;
    background-color:rgb(208, 208, 208);
    margin-top: -3px;
}
#mezzi{
    height: 350px;
}
#trasporti{         
    height: 300px;       
}
.cornici{
    position:relative;
    width:350px;
    padding:20px;
    float:left;
    text-align: center;
    margin-left:calc(50% - 440px);
    margin-right:calc(50% - 440px);
}   
#camion_dentro_capannone{
    float:right;
    height:730px;
}
#sicurezza{
    position:relative;
    width:350px;
    height: 350px;
    padding:20px;
    color:white;
    float:right;
    font-size:20px;
    text-align: center;
    margin-right:calc(40% - 390px);
}
#sicurezza b{
    font-size:25px;
}
#dipendenti{
    position:relative;
    width:350px;
    height: 350px;
    padding:20px;
    color:white;
    float:left;
    font-size:20px;
    text-align: center;
    margin-left:calc(40% - 390px);
}
#dipendenti b{
    font-size: 25px;
}
#image_servizi{  
    position:relative;
    float:right;
    width:560px;
    height:340px;
    margin-right:calc(50% - 450px);
}
#container_last_descriptions{
    width:100%;
    height:400px;
    z-index:3;
}
#background_image{
    z-index:-1;
    width:100%;
    height:400px;
    object-fit: cover;
    margin-top:-400px;
}
@media screen and (max-width:915px) {
    #image_servizi{
        position:relative;
        z-index: 0;
        width:calc(65% - 40px);
        height: 340px;
        margin:0px;
    } 
    #servizi{
        width:35%;
        height: 265px;
    }
    #mezzi{
        position:static;
        margin:auto;
        width:calc(100% - 40px);
        height: auto;
        float:none;
        border-top: 1px solid rgb(233, 231, 231);
    }
    #trasporti{
        position:static;
        margin:auto;
        width:calc(100% - 40px);
        height: auto;
        float:none;
    }
    #camion_dentro_capannone{
        width:95%;
        height:auto;
        float:none;
        margin-left:2.5%;
    } 
}
@media screen and (max-width:1000px) {
    #sicurezza{
        float:none;
        width:calc(100% - 40px);
        max-width: 900px;
        height:auto;
        margin:auto;
        font-size:17px;
    }
    #sicurezza b{
        font-size:20px;
    }
    #dipendenti{
        float:none;
        width:calc(100% - 40px);
        max-width: 900px;
        height:auto;
        margin:auto;
        font-size:17px;
    }
    #dipendenti b{
        font-size:20px;
    }
}

@media screen and (max-width:790px) {
    #first_imagine{
        width:calc(100% - 190px);
        height:auto;
    }
    #sede{
        width:150px;
        height:150px;
        font-size: 15px;
    }
    #sede img{
        width:60px;
        height:60px;
    }
}
@media screen and (max-width:745px){
    
    #container_last_descriptions{
        height:500px;
    }
    #background_image{
        height:500px;margin-top:-500px;
    }
}
@media screen and (max-width:640px) {
    #first_imagine{
        float:none;
        width:100%;
    }
    #sede{
        position:relative;
        right:none;
        top:none;
        margin-top: -83px;
        margin-bottom:80px;
        width:90px;
        height:90px;
        font-size:13px;
    }
    #sede img{
        width:50px;
        height:50px;
    }
    #container_servizi{
        margin-top:0px;
        height:fit-content;
    }
    #image_servizi{
        position:relative;
        width:100%;
        height: auto;
        float:none;
    } 
    #servizi{
        position:static;
        margin:0 auto;
        width:calc(100% - 40px);
        height:auto;
        float:none;
    }
    #servizi p{
        font-size:15px;
    }
    #servizi b{
        font-size:20px;
        
    }
    #mezzi p{
        font-size: 15px;
    }
    #mezzi b{
        font-size: 20px;
    }
    #trasporti p{
        font-size: 15px;
    }
    #trasporti b{
        font-size: 15px;
    }
}