.billboard {
	@extend .panel;
	padding: 20px;
	margin-bottom: 40px;
	border-radius: 0px;
	position: relative;
	min-height: 175px;
	background: linear-gradient(to bottom, #fff, $gray-lighter);
}

.billboard-label {
	background-color: lighten($gray-light,15);
	font-family: $brand-font-family;
	text-transform: uppercase;
	color: #ffffff;
	padding: 4px 10px;
	margin-top: -35px;
	font-size: 18px;
	position: absolute;
	font-weight: normal;
}

.billboard-headline {
	font-family: $brand-font-family;
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: -1.8px;
	line-height: 0.9;
	margin: 0 auto 15px;
}

.billboard-subheadline {
	color: $cr-blue;
	margin: 10px 0 5px 0;
	font-size: 14px;
}

.billboard-headline-light {
	text-transform: lowercase;
	display: inline-block;
	font-size: 50px;
	font-weight: 300;
	font-family: $font-family-sans-serif;
}

.billboard-headline-green {
	color: #8aaa3c;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 0.9;
	font-family: $brand-font-family;
}

.billboard-content {
	width: 70%;
	line-height: 1.4;
}

.billboard-content-short {
	width: 55%;
	line-height: 1.4;
}


.billboard-image-corner {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 145px;
}

.billboard-image-right {
	position: absolute;
	right: 15px;
	top: 25%;
	height: 80px;
}

.billboard .billboard-btn-inline {
	width: 110%;
}

.billboard-divider {
	margin-bottom: 10px;
	border-top: 1px solid $cr-grey
}


@media only screen and (max-width:  $screen-md-min){
	.billboard-headline{
		font-size: 40px;
	}

	.billboard .billboard-btn-inline {
		width: 100%;
	}

}

@media only screen and (max-width: $screen-sm-min){
	.billboard .billboard-btn-inline {
		margin-bottom: $line-height-computed / 2 ;
	}

	.billboard-content-short,
	.billboard-content {
		width: 100%;
	}

	.billboard-image-corner {
		height: 95px;
	}

}