/* -----------------------------------------
	03. Header
----------------------------------------- */
.header {
	background-color: #FFF;
	padding: 30px 0;
	width: 100%;
	transition: padding 0.18s ease, border-color 0.18s ease;
	border-bottom: 1px solid $border-color;
}

@media ( min-width: $screen-sm-min ) {
	.header {
		&.stuck {
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 20;
		}

		&.shrunk {
			padding: 15px 0;
			border-color: $border-color;
		}
	}
}

.head-wrap {
	display: table;
	width: 100%;
}

.logo-wrap {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}

.site-logo {
	margin: 0;
	line-height: 1;
	font-size: 22px;
	text-transform: uppercase;

	a {
		color: $text-color;
	}
}