Почему не закрасился блок before?

@import "bourbon"
@import "vars.sass"

$main-color: #F39F18
$headers-color: #2C3949

body
	font-size: 15px
	min-width: 320px
	position: relative
	line-height: em(22px)
	font-family: "RalewayRegular", sans-serif
	overflow-x: hidden
	color:#333

.hidden
	display: none


a, a:hover, a:focus, a:active
	color: $main-color
	text-decoration: underline

.headers
	font-family: "PFCentroSlabProMedium", $helvetica
	text-transform: uppercase
	font-weight: normal
	

h1, h2, h3, h4, h5, h6
	@extend .headers
	color: $headers-color

h1
	font-size: em(48px)

h2
	font-size: em(30px)

h3
	font-size: em(24px)

b, strong 
	font-family: "RalewayBold", $helvetica

.before 
	countent: ''
	width: 100%
	height: 100%
	position: absolute
	left: 0
	top: 0


.main-head
	min-height: 620px
	background-size: cover
	background-position: center
	&::before
		@extend .before
		background-color: #394b5f
	h1