header {
	background-color: #363636;
	background-image: url(/static/img/default/header.jpg);
	background-position: center;
	height: 300px;
}

			header div.container div.content div.logo-container {
				padding-top: 40px;
			}

				header div.container div.content div.logo-container div.logo {
					background-size: 60px 60px;
					width: 60px;
					height: 60px;
				}

				header div.container div.content div.logo-container div.logo-text {
					font-size: 30px;
				}


div.site-content {
	margin: 60px 20px;
}

	#menu-button {
		float: left;
		margin: 0px 20px 0px 20px;
		font-size: 13px;
		font-weight: 700;
		color: black;
	}

		#menu-button span.icon {
			display: block;
			width: 35px;
			height: 35px;
			padding: 0;
			background: url('/static/img/default/menu-button.png') no-repeat;
			background-position: center;
		}

div.container nav {
	display: none;
}

	div.container nav.opened {
		background: white;
		position: absolute;
		z-index: 9999;
		opacity: 0.8;
		display: block;
		margin: 40px 0px 0px 20px;
		border: 1px solid #808080;
		box-shadow: 2px 2px 4px 0px #606060;
	}

		div.container nav.opened a {
			display: block;
			padding: 15px;
		}

		div.site-content div.box-container::after {
			content: '';
			display: block;
			width: 24px;
			height: 24px;
			background: transparent url('/static/img/default/gallery-icon.png') no-repeat 0 0;
			background-size: 24px 24px;
			position: relative;
			top: -60px;
			left: 40px;
			opacity: 1;
		}

	div.site-content div.box-container a.box {
		padding-bottom: 40px;
	}

div.gallery div.text {
	font-size: 16px;
	padding: 20px 0px;
}