@charset "UTF-8";

/* Mobile first styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Hero Image Blocks */
.hero-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.hero-content {
	text-align: center;
}
.hero-blurb {
	padding: 40px 0;
}
.hero-blurb h2 {
	margin: 0;
	color: #fff;
}
/* Extra small devices (portrait phones, less than 576px)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) { 
	.hero-blurb {
		padding: 60px 0;
	} 
}

/* Small devices (landscape phones, less than 768px)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) { 
   
}

/* Medium devices (tablets, less than 992px)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) { 
	.hero-blurb {
		padding: 80px 0;
	}
}

/* Large devices (desktops, less than 1200px)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1200px) { 
   
}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */