Не срабатывают стили. Подскажите что не так?

Сделал header, всё было более-менее хорошо, но потом когда вставил блоки banner и content, то появилась проблема, для них не срабатывают стили (банальные margin и background-color). Подскажите, что я не правильно делаю?

Вот кусок html

<!-- Баннеры -->
		<div class="container banners">
			<div class="row">
				<div class="col-sm-12">
					{banner_header}
				</div>
			</div>
		</div>

		<!-- Контентная часть -->
		<div class="container main">
			<div class="row">
				<!-- Контент -->
				<div class="col-sm-8">
					{info}

					<div class="block-name">
						Последние новости
					</div>

					{content}
				</div>

				<!-- Сайдбар -->
				<div class="col-sm-4">2</div>
			</div>
		</div>

А вот css. который не срабатывает

/*============================================ 
					Баннер	
============================================*/
div.banners {
	margin-top: 60px;
	margin-bottom: 60px;
}



/*============================================ 
				Контентная часть	
============================================*/
div.main {
	margin-top: 60px;
	margin-bottom: 60px;
}

div.block-name {
	background: #242a30;
}

Стили подключены

<!-- Custom CSS -->
<link rel="stylesheet" href="{THEME}/css/styles.css">