@import url('https://fonts.googleapis.com/css?family=Lekton:400,700');

body {
    color: #1f1f1f;
		font-family: 'Lekton', 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.5;
}

.sidebar {
	width: 20%;
	position: fixed;
	left: 0;
	top: 0;fghdzdfdzf
	bottom: 0;
	padding: 30px;
	box-sizing: border-box;
}

	.navigation_wrapper {
		position: absolute;
		top: 220px;
	}

	ul {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
	}

	.sidebar h3 {
		color: #1f1f1f;
		font-weight: normal;
		font-size: 12px;
	}

	.sidebar .projects a {
		color: gray;
	}

	.sidebar a {
		color: #1f1f1f;
		text-decoration: none;
	}

	.sidebar a:hover {
		text-decoration: line-through;
	}

	.sidebar a.active {
		text-decoration: line-through;
	}

	.logo {
		width: 100%;
		height: auto;
	}

	.uppercase {
		text-transform: uppercase;
	}

	.copy {
		display: block;
		position: absolute;
		bottom: 15px;
		left: 30px;
    font-size: 10px;
	}

.content {
	width: 80%;
	float:right;
}

	ul.galerie {
		list-style: none;
		margin-bottom: 0;
	}

	ul.galerie li {
		display: inline-block;
		width: 49.5%;
		position: relative;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	ul.galerie li img {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.img_hover {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 2;
	}

	.img_hover:hover {
		opacity: 1;
		text-align: center;
		font-size: 36px;
		display: flex;
	  align-items: center;
	  justify-content: center;
		color: #fff;
		text-decoration: line-through;
	}

	.pika-thumbs {
		padding-top: 30px!important;
	}

	.pika-thumbs li {
		border: 0;
		padding: 4px 7px;
		box-sizing: border-box;
		background: none;
		margin: 0;
		width: 25%;
		height: auto;
	}

	a.previous, a.next, .pika-counter {
		display: none;
	}

	a.previous:hover, a.next:hover {
		cursor: pointer;
	}

	.pika-stage {
		width: 100%;
		border: 0;
		background: none;
		height: auto!important;
		padding: 0 18px;
		box-sizing: border-box;
	}



	.pika-textnav {
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
		position: static;
	}






			.grid_img{
				float:left;
				height:300px;
				width: 50%;
        position: relative;
			}

			.grid_img .img_inner{
				height:100%;
				width:100%;
				border-top		: 20px solid #ffffff;
				border-bottom	: 20px solid #ffffff;

				border-left		: 10px solid #ffffff;
				border-right	: 10px solid #ffffff;
			}


			.topbar{
				display: none;
				background-color:#ffffff;
				height:80px;
				position: fixed;
				z-index:99;
				top:0px;
				left:0px;
				width: 100%;
			}

			.topbar .menu{
				display:none;
			}

			@media screen and (max-width: 640px) {
				.grid_img{
					width: 100%;
				}

				.sidebar{
					display:none;
				}
				.content{
					width:100%;
				}
				.topbar{
					display:inline-block;
				}

				.logo {
					width: auto;
					height: 70px;;
					padding-left:20px;
					padding-top:10px;
				}


			}