#headerHomepage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding: 0 20px;
}
#headerHomepage .col-12,
#headerHomepage .btn.btn-success {
    z-index: 9999;
    position: relative;
}
.headerTitle {
    margin-left: 25vw;
    margin-right: 25vw;
    position: relative;
}
.headerText p {
    font-size: 1.1855rem;
}
section {
  height: auto;
}
.view-menu-spy section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 1080px;
}
.section-with-overlay .inner {
    max-width: 80vw;
}
.section-with-overlay {
    position: relative; /* Imposta la posizione relativa per poter posizionare l'overlay in relazione a questa sezione */
}

.section-with-overlay::before {
    content: ""; /* Crea un falso elemento prima del contenuto della sezione */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Grigio con trasparenza al 50% */
    z-index: 1; /* Assicura che l'overlay sia sopra gli elementi sottostanti */
}

.logoprog {
    z-index: 3;
    position: relative;
}
.side-menu {
    z-index: 5;
}

/*.logoprogetto {
    position: absolute;
    width: 555px;
    height: 300px;
}*/
.linkcontent img {
    width: 100%;
    height: 100%;
    max-height: 355px;
    object-fit: contain;
}
.inner.top-left {
    margin-top: 3vw;
    margin-left: 3vw;
}
.inner.bottom-left {
    margin-bottom: 25vw;
    margin-left: 3vw;
}
.inner.top-left .row,
.inner.bottom-left .row {
    justify-content: left;

}
.inner.top-left .descrizioneprog,
.inner.bottom-left .descrizioneprog{
    text-align: left;
}
.inner.top-right {
    margin-top: 3vw;
    margin-right: 3vw;
}
.inner.bottom-right {
    margin-bottom: 25vw;
    margin-right: 3vw;
}
.inner.top-right .row,
.inner.bottom-right .row {
    justify-content: right;
  
}
.inner.top-right .descrizioneprog,
.inner.bottom-right .descrizioneprog {
    text-align: right;
}
.inner.top-right .col-md-6,
.inner.bottom-right .col-md-6 {
    order: 1;
}
.inner.top-right .col-md-5,
.inner.bottom-right .col-md-5 {
    order: 2;
}
.inner.no-logo .row {
    flex-direction: column;
}
.inner.no-logo .col-md-5,
.inner.no-logo .col-md-6 {
    width: 100%;
}
.titleprogetto {
    color: #fff;
}
.linkprogetto {
    text-decoration: none;
}
.linkprogetto h1 {
    font-size: 1.855rem;
}

.backgroundprogetto {
    height: 40px;
    width: 98%;
    margin-top: -40px;
}

.descrizioneprog {
    display: flex;
    align-items: center;
    height: 100%;
}
.inner.no-logo .descrizioneprog {
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    text-align: left;
}
.side-menu li {
    font-size: 21px;
}
.side-menu a:after {
    width: 21px;
    height: 21px;
}
.descrizioneprog p {
    font-size: 1.1855rem;
}
.site-footer {
  background: #f2f2f2;
}
.site-footer * {
    color: #000;
}

.btn.btn-success {
    background-color: #202020;
    color: #cfcfcf;
    border-radius: 0;
    border: 0;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {
    background-color: #cfcfcf !important;
    color: #202020 !important;
}
.btn.btn-success:hover a,
.btn.btn-success:active a,
.btn.btn-success:focus a {
    color: #202020;
}
.btn.btn-success a {
    text-decoration: none;
    color: #cfcfcf;
    text-transform: uppercase;
}
.site-footer .container {
    z-index: 5;
    position: relative;
}
.site-footer img {
  max-width: 300px;
  height: auto;
}
@media (max-width: 768px) {
    .side-menu .active span {
        display: none;
    }
    .inner.top-right,
    .inner.bottom-right {
        margin-top: 3vw;
        margin-left: 3vw;
    }
    .inner.top-right .descrizioneprog, 
    .inner.bottom-right .descrizioneprog {
        text-align: left;
    }
    
    .inner.top-right .col-md-6,
    .inner.bottom-right .col-md-6 {
        order: 2;
    }
    .inner.top-right .col-md-5,
    .inner.bottom-right .col-md-5 {
        order: 1;
    }
}


.backgroundprogetto.bg- {
    background-color: #394146F8;
}
.backgroundprogetto.bg-green {
    background-color: #638356;
}
.backgroundprogetto.bg-blue {
    background-color: #4057FF;
}
.backgroundprogetto.bg-pink {
    background-color: #D03073;
}
.backgroundprogetto.bg-brown {
    background-color: #6c5338;
}
.backgroundprogetto.bg-yellow { 
    background-color: #FFD24C;
}
.backgroundprogetto.bg-orange {
    background-color: #EC6D57;
}
.backgroundprogetto.bg-beige {
    background-color: #A18765;
}
.backgroundprogetto.bg-purple {
    background-color: #9358E1;
}
.backgroundprogetto.bg-red {
    background-color: #DD464C;
}
.backgroundprogetto.bg-bluegreen {
    background-color: #00ADA0;
}