/* HEADER */
.header_image{
	height: 92vh;
	width: 100%;
	display: table;
	background-repeat: no-repeat;
	background-position:50% 50%;
}
#halfpage_header{
	height: 50vh;
	width: 100%;
	display: table;
	color: #fff;
	background-repeat: no-repeat
}
[class*="parallax_"]{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.parallax_index{
	background-image: url(/gallery/bg.webp);
}
@media screen and (min-device-width: 600px){
	.parallax_index{
		background-image: url(/gallery/bg.webp);
	}
}
.parallax_about_page{
	background-image: url(/gallery/background_about_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_about_page{
		background-image: url(/gallery/background_about.jpg);
	}
}
.parallax_contact{
	background-image: url(/gallery/background_contact_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_contact{
		background-image: url(/gallery/background_contact.jpg);
	}
}
.parallax_portfolio{
	background-image: url(/gallery/background_portfolio_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_portfolio{
		background-image: url(/gallery/background_portfolio.jpg);
	}
}
.parallax_landscape{
	background-image: url(/gallery/background_landscape_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_landscape{
		background-image: url(/gallery/background_landscape.jpg);
	}
}
.parallax_architecture{
	background-image: url(/gallery/background_architecture_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_architecture{
		background-image: url(/gallery/background_architecture.jpg);
	}
}
.parallax_astrophotography{
	background-image: url(/gallery/background_astrophotography_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_astrophotography{
		background-image: url(/gallery/background_astrophotography.jpg);
	}
}
.parallax_food{
	background-image: url(/gallery/background_food_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_food{
		background-image: url(/gallery/background_food.jpg);
	}
}
.parallax_documentary{
	background-image: url(/gallery/background_documentary_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_documentary{
		background-image: url(/gallery/background_documentary.jpg);
	}
}
.parallax_other{
	background-image: url(/gallery/background_other_mobile.jpg);
}
@media screen and (min-device-width: 600px){
	.parallax_other{
		background-image: url(/gallery/background_other.jpg);
	}
}


header{
	position: sticky;
	top: 0;
	display: flex;
	padding: 10px 0px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	z-index: 5;
}
.logo{
	display: block;
	float: left;
	padding: 10px 20px;
	max-height: 3rem;
}
nav{
	width: 100%;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
nav li a{
	display: block;
	padding: 20px 20px;
	color: #000;
	text-transform: uppercase;

}
nav li{
	text-align: right;
	font-size: 1.5em;
	border-bottom: 1px solid #dbdbdb;
}
nav li a:hover, nav .menu-btn:hover{
	color: #03a9f4;
}
.menu{
	clear: both;
	max-height: 0;
	transition: max-height .2s ease-out;
}
.menu-icon{
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}
.menu-icon i{
	display: block;
	font-size: 2em;
	position: relative;
	transition: background .2s ease-out;
}
.menu-btn{
  display: none;
}
.menu-btn:checked ~ .menu{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	min-width: 100%;
	min-height: 100vh;
	background-color: #fff;
	align-items: center;
	text-align: center;
	margin: auto;
	z-index: 10;
}
/* NAVIGATION FOR PC */
@media (min-width: 65em) {
	nav li{
		float: left;
		font-size: 1em;
		border-bottom: none;
		border-right: 1px solid #dbdbdb;
	}
	nav li:last-child{
		border-right: none;
	}
	nav li a{
		padding: 20px 30px;
	}
	nav .menu{
		clear: none;
		max-height: none;
		float: right;
	}
	nav .menu-icon{
		display: none;
	}
}

/* FOOTER */
footer{
	background-color: #0f0f0f;
}
.social{
	padding: 2em 0em;
}
.social a{
	color: #fff;
	padding: .5em;
	line-height: 2em;
	text-transform: uppercase;
	font-size: 2em;
}
.social a:hover{
	color: #03a9f4;
}
.copyright{
	position: relative;
	display: block;
	color: #888;
	font-size: .7em;
	bottom: .5em;
}