Banner no topo não fica fixo! Me ajudem!!!

[CarlosTM 0]

Oi, amigos. Seguinte, estou tendo um problema desagradável. Eu estou colocando um banner de 1920x400 logo abaixo da barra de menu, mas o problema é que se eu ajusto o navegador e ele simplesmente está dando um espaço na parte de cima. No meu notebook fica uma espaço também. No celular fica um espaço considerável também. Olha as imagens para vocês entenderem do que estou falando:

 

 

 

 

 

 

O código é esse:

 

/* CSS Fixed Background */
#hero1 {background:url("https://i.imgur.com/BTUNZd9.jpg")no-repeat top;background-size:100% auto;background-position:center center;}
.hero, .content {text-align:center;position:relative;width:100%;}
.inner1 {min-height:470px;position:relative;}
.hero .inner1 {background:transparent;}
.copyv {position:absolute;height:10em;margin-top:-5em;width:100%;}
.hero h3 {color:#fdfdfd;}
.hero h3 span{color:#fe4e3f;}
.copyv h3 {margin:0px;font-family:'Oswald',serif;font-weight:400;font-size:62px;line-height:72px;padding:0px 20px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;
letter-spacing:15px;}
.copyv p {color:#e8eaef;font-size:18px;}
#mariber-social {width:100%;text-align:center;margin:20px 0;}
#mariber-social ul {display:inline-block;padding:15px;margin:0 0 10px;
text-align:center;background:transparent;opacity:0.98;}
#mariber-social > ul > li {display:inline-block;text-align:center;
padding: 0 5px;margin: 0;}
#mariber-social > ul > li a {color:#fe4e3f;font-size:34px;float:left;
width:34px;height:34px;transition:color 1s ease-out 0s;}
#mariber-social > ul > li a:hover {color:#e8eaef;}

O 

[Izabelle 3]

Olá Carlos,

 

Apenas pelo seu código CSS fica difícil ajudar, você deveria postar o HTML também, o link do site também ajudaria muito.

 

Para posicionar elementos fixos na tela, pesquise um pouco sobre Position, pode ser que te ajude.