@import "../dependencies/variables-epic.less";
@import "../customs/navbar.less";

.header{
	// &:extend(.tertiary-bg);
	background:@header-bg;
	padding: 2rem 0;
	.site-title{
		margin-top: 0;
		font-weight: @semi-bold-font;
		margin-bottom: 0.5rem;
		font-size: 2.5rem;
	}

	.site-description{
		font-weight: normal;
		font-size: 1.2rem;
		margin: 0;
	}

	.share-section{
		.social{
			text-align: right;
		}
	}
}

.header-image {
	width: 100%;
	max-height: 250px;
}

.header-right{
	text-align: right;
}

/* .branding-wrapper {
    margin: 2rem 0;
} */