#home.page-squawk
	.hero
		background: url('../images/bzpro-hero.jpg') no-repeat
		background-size: cover
		padding: 90px 0
		height: auto
		h1, h2
			color: white
			text-align: center
			font-weight: 300
		h1
			font-size: 3.333rem
			line-height: 4rem
			margin-bottom: 20px
			strong
				font-weight: 600
		h2
			font-size: 1.6rem
			line-height: 2.4rem
			max-width: 750px
			margin: 0 auto

	.content-block
		&-image
			h3
				font-size: 2rem
				font-weight: 300
				padding: 10px 0 10px

	.squawksample
		width: 100%

	@media (min-width: 900px)
		.content-block
			&-image
				h3
					text-align: center
					padding: 75px 0 10px
	@media (min-width: 1000px)
		.hero
			h1
				font-size: 3rem
			h2
				font-size: 1.3755rem
				line-height: 2.0625rem