html, body {
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
header.masthead {
	position: relative;
	background-color: #343a40;
	background: url("../img/bg-header.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 8rem;
	padding-bottom: 8rem;
}
header.masthead .overlay {
	position: absolute;
	background-color: #212529;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
}
header.masthead h1 {
	font-size: 2rem;
}

@media (min-width: 768px) {
header.masthead {
	padding-top: 12rem;
	padding-bottom: 12rem;
}
header.masthead h1 {
	font-size: 3rem;
}
}
.nav-link {
	font-weight: 700;
	color: #000;
	text-align: right;
}
.link {
	font-weight: 700;
	color: #000;
	text-align: center;
}
.linkT:hover, .link:focus {
text-decoration: none;
}
.active {
	color: #1a4391;
}
.to-top {
	position: fixed;
	bottom: 15px;
	right: 21px;
	background-color: rgba(255,255,255,0.75);
	border: 1px #333 solid;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	z-index: 99;
	padding: 14px 16px;
}
.glyphicon {
	color: #333;
}
section {
	padding: 4rem 0;
}

@media (max-width: 768px) {
section {
	padding: 3rem 0;
}
}
.features-icons-icon {
	margin: 20px;
}
footer {
	padding: 25px 0;
	width: 100%;
	position: absolute;
}

@media (max-width: 768px) {
footer {
	padding: 25px 0;
	width: 100%;
	position: relative;
}
}
