Как выровнять текст в центре экрана?
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-xs-4 col-sm-3">
<a href="index.html"><img src="image/logo.png" alt="logo" class="img-responsive"></a>
</div>
<div class="col-md-8">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-4 col-sm-4">
</div>
<div class="col-md-6 col-xs-5 col-sm-5">
<div class="nadp">
<h1 class="lead">Текст</h1>
<h2 class="lead">Текст_2</h2>
</div>
</div>
</div>
</div>
</div>
</div>
.header{
width: 100%;
height: 100%;
vertical-align: middle;
}
.nadp{
}
.nadp h1, .nadp h2{
color: #fff;
text-align: center;
font-size: 'Sylfaen Regular';
display: inline-block;
}
.nadp h1{
padding: 1%;
font-size:6vw;
border-bottom: 3px solid #fff;
}
.nadp h2{
font-size:3vw;
}
текст и текст_2 должны находится в центе на любом устройстве, друг под другом, прошу помощи, заранее спасибо!