reduce padding on header

Site URL: https://www.iamjustinsinger.com/

Looking to reduce the padding on my header but ONLY on desktop version. NOT mobile.

This code works but it applies it the mobile site as well and I want it to apply to just the desktop version.

<style>
.portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items-list {
	padding-top: 0px;
}
</style>

Use this

<style>
  @media screen and (min-width:768px) {
.portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items-list {
	padding-top: 0px;
}
  }
</style>