Fixed/Sticky Menu and Transparency/Opacity

Hello, 1. How can I make the Navigation Menu Fixed or Sticky, so when scrolling, the Navigation Menu stays visible at the top (instead of scrolling up out of sight) and the content (videos included) scroll behind it 2. How to add Transparency/Opacity to the site (I am in the process of changing the background by either adding an image or changing color). 3. How can I bring down the Search Box to the Right Red side of the header and eliminate the White Top space above the Header Image? This is the website I am working on www.BonVivantTravel.ca These are the CSS I have already added: #slider-nav { display: none; } .site { box-shadow: none; } #site-logo, #header-right { padding-top: 0; } .site { margin-top: 0; } #hgroup-wrap { padding-bottom: 0; } Thank you so much in advance.