html - 純粋な CSS でスプラッシュ コンテナを使用する

Question

私はこの方法でスパッシュコンテナを使用しています:

<div class="splash-container">
<div class="splash">
    <h1 class="splash-head">Ciencias de la Legislación</h1>
            <p class="splash-subhead">
        Listado de archivos disponibles.
    </p>
</div>

次のCSSを使用：

.splash-container {
background: #595959;
z-index: 1;
overflow: hidden;
width: 100%;
height: 40%;
top: 0;
left: 0;
/*position: fixed !important;*/

}

しかし、ここでわかるように、ナビゲーションバーとスプラッシュコンテナの間に小さなスペースがあります:

それを修正する方法はありますか？