Custom css only applying to one page?

I am running some very simple css in the apperance>customize section of the dashboard, (I have also tried adding in a 3rd party css plugin, and deactivating all non required plugins) and the css is only applying to one page, the home page. The css is predominantly for the nav bar/header section.

all code is listed here:

.home .site-logo {
position:fixed; top:0%; left:0%;
}

.home #mainnav {
position:fixed; top: 2.25%; left:7%;
}

.site-header { position:fixed !important; top: 0 !important; left:0% !important;
height: 70px !important;;
border: 0px !important;;
background-color: rgba(0, 0, 0, 0.5) !important;

}

@media only screen and (max-width: 647px) {
.text-slider-section {
top: 65%;
}
}

.site-logo {
max-height: 70px;
}

.text-slider {
text-align: left;
padding-left: 4%;
margin-top: 50%;
}

.maintitle::after {
display: none;
}

The page I need help with: [log in to see the link]