Top of Header Section | WordPress.org

In a previous topic I asked about adding a thin section above the main header and was given the following code: `

@media only screen and (min-width: 1025px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    background-color: transparent;
    margin-top: 75px;
  }  
}

@media only screen and (min-width: 1029px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    margin-top: 55px;
  }  
}

This worked well, but it only shows up above the header on the home page. Is there somewhere else I can paste the code to show up on all pages?

Thanks for your time!
Tim