Как сделать вертикальное выравнивание текста в резиновом диве?

Подскажите, пожалуйста. Есть 4 div'a

<div class = "wrap">
    <div class = "container" id = "dv1">
     ТЕКСТ
    </div>
    <div class = "container" id = "dv2">
      ТЕКСТ
    </div>
    <div class = "container" id = "dv3">
      ТЕКСТ
    </div>
    <div class = "container" id = "dv4">
      ТЕКСТ
    </div>
  </div>

Их css

.container{
      height:25%;
      width:100%;
      font-size: 4vw;
      color:white;
      text-align:center;
    }

Никак не получается выровнять текст по вертикали так, чтобы он был по центру на мониторах любого формата.Сам сайт растягивается на 100 процентов по ширине и высоте.
Подскажите, пожалуйста, что можно сделать?