.top-navbar {
	font-size: 14px;
	padding-top: 10px;
	background: #232323;
	border-bottom: 1px solid #121212;

	.socmed {
		float: left;

		a {
			padding: 7px;

			&:hover {
				color: $brand-primary;
			}
		}

	}

	.fast-info {
		float: right;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.3px;
		text-transform: uppercase;
		text-align: right;
		color: #ffffff;

		span {
			color: #f7c51e;
		}

	}

	a {
		color: #ffffff;
	}

}

.site-header {}

.logo-wrapper {
	text-align: center;
	&.text-center {
		margin-bottom: 20px;
	}
}

.logo {
	// margin-top: 28px;
	margin-bottom: 5px;
}

.site-description {
	color:#fff;
	font-size: 12px;
	letter-spacing: 1px;
}

.separator {
	display: none;;
	width: 55px;
	height: 35px;
	background: url("../images/slash.png") no-repeat center center;
}

.header-group-wrapper {
	text-align: center;
}

.header-group {
	display: inline-block;
	padding-bottom: 45px;

	.fa {
		display: block;
		float: left;
		font-size: 40px;
		color: $brand-primary;
	}

	span {
		display: block;
		margin-bottom: -7px;
	}

	.info {
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		color: #ffffff;
		margin-left: 50px;
	}

	.sub-info {
		font-size: 12px;
	}
}

@import "elements/navigation";