/* @group Project-content
------------------------------------ */
.project-content {
    position: relative;
    padding-top: 5.5rem;
    padding-bottom: 6rem;
    background-color: #E6F6FE;
}
.project-content h2 {
    color: var(--light-green);
}
.project-content .info {
    padding-top: 3rem;
}

.project-content h2,
.project-content .content-info {opacity: 0;}
.project-content .content-info p {
    line-height: normal;
    font-weight: 400;
}

.project-content.animateActive h2,
.project-content.animateActive .content-info {animation: fade 1.1s forwards;}
 
.project-content.animateActive h2 {animation-delay:.3s;}  
.project-content.animateActive .content-info {animation-delay:.5s;}     

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .project-content {
        padding: 2.5rem 0 3.4rem 0;
    }
}