Columns same height and vertically align

Hello,

Thank you in advance, let me explain my problem.

I have two columns, with the content they have different heights, I want them to be aligned at the middle of the column. I have been trying with the vertical-middle with no success at all.

This is that part of the code:

							<div class="container clearfix vertical-middle vertical-middle-banner col_full">
								<div class="col_one_third ">
									<div class="heading-block nobottomborder bottommargin-sm clearfix">
										<h4 class="">Aventura en la nieve</h4>
										<div class="clear"></div>
									</div>
									<div class="days-nights">
										<span>4</span><i class="icon-line-sun"></i><span>5</span><i class="icon-line-moon" ></i>
									</div>
									<div class="tour-short-intro">
										<p>Foster best practices effectiveness inspire breakthroughs solve immunize turmoil. Policy dialogue peaceful The Elders rural global support.</p>
									</div>
								</div>
								<div class="col_two_third col_last tour-intro">
									<div class="vertical-middle">
									<p>Foster best practices effectiveness inspire breakthroughs solve immunize turmoil. Policy dialogue peaceful The Elders rural global support. Process inclusive innovate readiness, public sector complexity. Lifting people up cornerstone partner, technology working families civic engagement activist recognize potential global network. Countries tackling solution respond change-makers tackle. Assistance, giving; fight against malnutrition experience in the field lasting change scalable.</p>			
									<a href="#" class="button button-border button-rounded button-white button-light">Leer más</a>
									<div>
								</div>								
							</div>

The code png is what my code is showing as a result. The photoshop design shows what I want to create (just for better understanding)

I searched in the forums but couldn't find something for that alignment.

Can you help me please.

Thank you

Sorry, here are the files