/* ABOUT CSS
----------------------------------------------------------*/
@import "../Components/headerFull.css";
@import "../Components/stripe-contact-us.css";

#intro-stripe .col-2 .col-container {
    width: 30.73vw; /* 590 */
    height: 35.42vw; /* 680 */
    margin: 0 auto;
}
#intro-stripe .col-1 .col-container {
    padding-right: 13.02vw; /* 250 */
    height: 100%;
    border-right: 1px solid var(--gray-300);
}


#pubblication-portfolio .col-img {
    width: 16.67vw; /* 320 */
    height: 22.4vw; /* 430 */
    margin: 0 auto;
}
#pubblication-portfolio .col {
    width: 33.3%;
}
#pubblication-portfolio .col-container:before {
    content: '';
    display: block;
    width: 1px;
    height: 16.41vw; /* 315 */
    position: absolute;
    background-color: var(--gray-400);
    top: 2.97vw; /* 57 */
    right: 0;
}

#pubblication-portfolio .col:nth-child(3n) .col-container::before, /* Ogni terzo elemento */
#pubblication-portfolio .col:last-child:nth-child(3n+1) .col-container::before, /* Se l'ultima riga ha un solo elemento */
#pubblication-portfolio .col:last-child:nth-child(3n+2) .col-container::before, /* Ultimo elemento se il totale è 3n+2 (5, 8, 11, ...) */
#pubblication-portfolio .col:only-child .col-container::before { /* Se c'è un solo elemento totale */
    display: none;
}


#pubblication-portfolio .stripe-content {
    gap: 100px 0; /* 100 */
}
#pubblication-portfolio .col-img img {
    position: relative;
    z-index: 1;
}
#pubblication-portfolio .col-img:after {
    content: '';
    display: block;
    width: 97%;
    height: 98%;
    position: absolute;
    top: -1.04vw; /* 20 */
    left: -1.04vw; /* 20 */
    background-color: rgb(247, 247, 243);
    z-index: 0;
}
#pubblication-portfolio a.text-link {
    display: block;
}



#about .stripe-content-inner {
    padding: 1.56vw 3.13vw; /* 30 60 */
}
#about .stripe-content-inner * {
    line-height: 2;
}


@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 767px) {

}