CSS Edits

https://www.mattpawlygolf.com/devdevdev

This is all the custom css currently:
h1.page-title {
display: none;
}

1. Cant seem to change the menu txt color, changed in customize and no affect in chrome (firefox fine) HOME white in firefox
2. Would like to reduce spacing on home page between date and post title
a. Would like to increase the font size of the date above the post titles
3. Would like to put the social bar and the menu on the same line across (inside same div?)
4. Would like to reduce the vertical spacing between header bottom and fold
5. Hover Link color (in chrome and firefox) is i think black as it disappears in my background
6. Would like the date and title of post to be above the featured image / video (just as home page) (tried the option for it, NO affect) and would like the date to be the same format as the home page not the read circle.
a. Would like to edit the size of the post date and title font.
7. When decreasing horizontal width the mobile menu overlaps the logo (to varying extents as page width is reduced) I have tried every css edit i could find in the forums in regard to it and didnt see a difference.
a. The hamburger is white in chrome and orange in firefox (orange in ios)
b. I would like the hamburger to simply reside to right of the logo. When the theme determines time for hamburger then reduce width of logo to accommodate? and keep accommodating.
8. I would like when making the post a “video” type for the embed on the home page to not play the video but open the post, where user can then press video again to play video.