.site-header {
	padding: 30px 0;
	background: $color__white;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;

	.site-title {
		@include font-size(2.4);
		line-height: 6rem;
		font-weight: 600;
		margin: 0;

		a {
			color: $color__text-secondary;
			text-decoration: none;
			outline: 0;

			img {
				max-height: 60px;
				width: auto;
			}
		}
	}
}

.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 991px) {
	.site-header {
		padding: 20px 0;

		.site-title {
			@include font-size(2);
			line-height: 5rem;

			a {
				img {
					max-height: 50px;
				}
			}
		}
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 767px) {
	.site-header {
		padding: 10px 0;
		position: relative;

		.site-title {
			line-height: 1.3;

			a {
				img {
					max-height: 40px;
				}
			}
		}
	}

	.admin-bar .site-header {
		top: 0;
	}
}