Hi, I'm doing an HTML and CSS assignment, and I am facing 2 problems that I'd really appreciate getting solved.

#1 I cannot get the 'Shop now' button to be in the middle/center of the page which has a background photo. Instead, it is at the top center, nearest to the navigation menu. I tried moving it but it won't go to the exact middle/center of the background photo on the homepage, how could I move this button to where I need it to go, please? (Note: this button also has a link to another page on the website, it is white with gray text).

Please a mock-up image of how it should look:

Please see a mock-up image of how it currently looks (which is wrong):

#2 Is there any way I can change the font style of a footer? I tried using:

footer {

font-family: Times New Roman;(other info)

}

but this doesn't work =/

I would really appreciate your suggestions!

Thanks!

My Website Home other menu items other menu items Background image footer My Website Home other menu items other menu items shop now button Background image footer