@import url('./base.css');

.header-container.lavori{
    height: 70vh;
    background-image: url('../images/jpg/lavori_background-min.jpg');
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: 8% 20%;
}

.lavori-container{
    color: var(--secundary-color);
    background-color: var(--primary-color);
}

.separator {
    height: 2px;
    background-color: var(--secundary-color);
    width: 100%;
 }

 .img-square{
    width: 150px;
    height: 150px;
    object-fit: cover; /* Mostra una porzione dell'immagine senza distorsione */
 }

 .img-primary{
    width: 300px;
    height: 200px;
    object-fit: cover; /* Mostra una porzione dell'immagine senza distorsione */
 }

.lavori-container-mobile{
    background-color: var(--primary-color);
    display: none;
}