Twenty Sixteen Custom static (custom) home page font issues…

Hi

Thanks for taking a look, I am building a site for a friend (https://www.teslaweddings.co.uk) and he wants a custom static front page with different font colour settings for all masthead items to the rest of the site, but I have had an issue getting the link items in the masthead to change.

I am fairly confident that I have missed something fundamental but any help would be appreciated. I have created a 2016 child style and a custom page, and the associated css code is below ( Yes I know some of it is global but I have got that frustrated with myself I thought I should start off by trying to make a global change and when successful add the conditional ‘Home’ page statements:

#page {
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
background-color: transparent ;
}
.site-title a {
color: #ffffff;
}

h1 {
color: #ffffff;
}
p {
color: #ffffff;
}
a {
color: #ffffff;
}

#masthead {
colour: #ffffff;
}

.home {
color: #ffffff;
}

body.home .entry-header {
float: right;
display: none;
}

#content.home {
float: right;

/* width: 640px */

}
#sidebar.home {
display: none;
}

.warning {
color: red;
}
.shadow {
box-shadow: 0 8px 8px -6px #333;
}