.menu > a:nth-of-type(3) { color: var(--webheads-color-primary); }

nav:not(.scrolled) { padding-bottom: 3rem !important; }


.header-portfolio { position: relative; align-content: center; height: 25rem; }
.header-portfolio img { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; filter: brightness(.6); }
.header-portfolio h2 { font-size: 3rem; text-align: center; font-weight: bold; text-transform: uppercase; filter: var(--webheads-dropshadow); margin-top: 7rem; padding-inline: var(--webheads-inline-padding); }

.portfolio-items { position: relative; display: block; margin-block: 1rem; padding-top: 10rem; } 
.portfolio-item { position: relative; }
.portfolio-item span { position: absolute; left: 10px; top: 10px; text-transform: uppercase; z-index: 99; background: var(--webheads-color-primary); border-radius: .5rem; padding-block: .2rem; padding-inline: .5rem;  }

.portfolio-single { padding-top: 3rem; }

@media screen and (max-width: 1050px) {  
    .header-portfolio h2 { margin-top: 5rem; }
}

@media screen and (max-width: 475px) {  
    .header-portfolio { height: 18rem; }
    .header-portfolio h2 { margin-top: 4rem; }
    .header-single h2 { font-size: 2rem; }
    nav { padding-bottom: 5rem !important; }
    .portfolio-single { padding-top: 2rem; }
    .portfolio-items { margin-top: 0 !important; }
}