@media (max-width: 576px) {
	.display-4 {
		font-size: 2rem;
	}
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
	.display-4 {
		font-size: 2.5rem;
	}
}

.h1, h3 {
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: bold;
}

.display-4 {
	font-family: Montserrat;
	font-weight: bold;
	color: #ffffff;
}

html, body {
	height: 100%;
	font-family: "Open Sans";
}

.main > .container {
	padding-top: 60px;
}

body {
	padding-top: 55px;
	background-color: #f0f0f1;
}

footer {
	color: #ffffff;
}

.primary-nav {
	background-color: #f0f0f1;
}

#heroCarousel .carousel-item:after {
  	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
}