Header ultrapassando Body

Estou com o seguinte problema.

Desenvolvi um site em flex box com width de 100% na Section.  O problema é que o header com 100% fixed ultrapassa a section ficando mais larga que tudo na página no modo mobile mesmo utilizando break points.

@media screen and (max-width: 984px){

header{

 background-color: #1a1a1a;
 width: 100%;
 position: fixed;
 top: 0px;
 z-index: 999;
 display: flex !important;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space--around;
 line-height: 6;
 font-size: 0.8em;
 }

}