Маштабирование макета

[Евгений_SB]

Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде

код html

<div class="slide-title">
				<div class="info">
					<h1>our strong <br> organaisation</h1>
					<span>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod tempor incididunt  ut labore et. ectetur adig ipis cing elit, sed do eiusmod tempor incididunt.</span>
					<button>Contact us</button>
				</div>

код css

.slide-title {
	display: block;
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	top: 100px;
	
}

.info {
	display: block;
	position: relative;
	float: left;
	max-width: 500px;
}
.info h1 {
	display: block;
	position: relative;
	max-width: 500px;
	min-width: 70px;
	
	color: #1c1c1c;
	text-transform: uppercase;
	font: bold 55px 'OpenSans-Bold', sans-serif;
		
}

.info span {
	display: block;
	position: relative;
	float: none;
	max-width: 500px;
	top: 40px;
	color: #6f6d6d;
	font: bold 12px 'OpenSans-Bold', sans-serif;
}