Как сделать 2 одинаковых блока?
Вот<div class='flex'>
<div class='right_intro'>1</div>
<div class='left_intro'>2</div>
  </div>
.flex {
  align-items: stretch;
  display: -webkit-flex; 
  display: flex; }
.right_intro {
  width: 54%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-top: 40px;
  padding-left: 15px;
  position: relative;
  background: blue;
}
.left_intro {
  width: 45%;
  background: red;
}
Попробуйте так. Кроссбраузерно..intro-wrap {
  display:table;
}
.right_intro {
  width: 54%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-top: 40px;
  padding-left: 15px;
  position: relative;
}

.left_intro {
  width: 45%;
}

.right_intro,
.left_intro {
  display:table-cell;
}