.contain {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding: 0 1rem; }

.header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative; }
	.header.fixed {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10; }
	.header img {
		display: block; }
	.header .contain {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center; }
		.header .contain .menu a.active, .header .contain .menu a:hover, .header .contain .menu a:focus {
			opacity: 1; }
		@media (min-width: 1001px) {
			.header .contain .menu {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center; } }
		@media (max-width: 1000px) {
			.header .contain .menu {
				display: none;
				position: absolute;
				left: 0;
				top: 100%;
				width: 100%;
				padding: 1rem 0; }
				.header .contain .menu a {
					display: block;
					padding: 1rem 1.2rem;
					text-align: center; }
					.header .contain .menu a.active {
						font-weight: bold; } }
		.header .contain .social {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start; }

/*# sourceMappingURL=common.css.map */