@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;
}

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

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

.reviews{
  text-decoration: line-through;
}

.sidebar {
	width: 20%;
	position: fixed;
	left: 0;
	top: 0;
	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;
		max-width:130px;
	}

	.uppercase {
		text-transform: uppercase;
	}

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

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

	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;
	}

  .portrait {
    display: block;
    margin: auto;
  }

	.pika-thumbs {
		padding-top: 60px!important;
	}
	.pika-thumbs li {
		border: 0;
		padding: 4px 4px;
		box-sizing: border-box;
		background: none;
		margin: 0;
		width: 25%;
		height: 130px;
/*		display: table;*/
	}
	.pika-thumbs li div{
/*		display:table-cell;*/

	}

  .pika-thumbs li img{
    width: auto;
		height: auto;
    min-height: 120px;
    min-width: 180px
	}

	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-stage a img{
    height: auto;
  }
  
  
				.pika-stage{
					height:600px !important;
				}
				
			  .pika-stage img{
			    max-width: 100%;
			    max-height: 100%;
			    height: auto;
			  }
				.pika-stage img.wide{
				    max-width: 100%;
				    max-height: 100%;
				    height: auto;
				}
				.pika-stage img.tall{
				    max-height: 100%;
				    max-width: 100%;
				    width: auto;
				}

  

	.pika-textnav {
		width: 99%;
		font-size: 16px;
		box-sizing: border-box;
		bottom:-40px;
		margin:0px;
		padding-right:40px;
	}







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

      .grid_img_gal{
        width: 25%;
      }

			.grid_img .img_inner{
				height: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%;
			}

			.topbarmenu{
				display:none;
        text-align: right;
        padding-right:20px;
			}




      .showonmobile{
        display: none;
      }

	  .gallerytext{
		  padding-left:23px;
	  }

@media screen and (max-height: 400px) {
	.navigation_wrapper {
		top: 120px;
	}
}

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

				.sidebar{
					display:none;
				}
				.content{
          margin-top:60px;
					width:100%;
				}

				.topbar{
					display:inline-block;
				}

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

        .burgermenu{
          position: fixed;
          top: 32px;;
          right: 20px;
        }


        .topbarmenu {
          padding-left: 20px;
          background-color: #fff;
        }


        .topbar li {
          padding-bottom: 5px;
        }

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

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

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

        .portrait {
          width: 100%;
          height: auto;
          margin-top:20px;
        }

        .minor_trouble_text {
          padding-top: 80px;
          padding-left: 10px;
        }

        .showonmobile{
          display: inline-block;;
        }
        .showondesktop{
          display: none;
        }

			.grid_img .img_inner{
				display:none;
			}

		}