.hero {
	height: 285px;
	background-size: cover;
	background-position: right;
	width: 100%;
	position: relative;
}

.hero-links a {
	border-color: rgba(255, 255, 255, .3) !important;
	padding: 20px;
}

.hero-links {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.hero-text h1 {
	font-size: 28px;
	line-height: 1;
}

@media (min-width: 768px) {
	.hero {
		height: 380px;
		background-position: center;
	}

	
	.hero-text h1 {
		font-size: 40px;
		line-height: 1;
	}
}

@media (min-width: 992px) {
	
	.hero-text h1 {
		font-size: 54px;
		line-height: 1;
	}
}

@media (min-width: 1200px) {
	.hero {
		height: 570px;
	}

	.hero-text h1 {
		font-size: 72px;
		line-height: 1;
	}
}