@font-face {
		font-family: "GalanoGrotesque-ExtraLight";
		src: url("./font/28ff472ddcccc163462c9ee2ef3ded0a.woff");
		src: url("./font/28ff472ddcccc163462c9ee2ef3ded0a.woff2");
		src: url("./font/28ff472ddcccc163462c9ee2ef3ded0a.ttf");
		}		
		* {
			font-family: 'GalanoGrotesque-ExtraLight', sans-serif;
		}
		html,body {
			width: auto;
			height: auto;
			padding: 0;
			margin:auto;
			font-family: 'GalanoGrotesque-ExtraLight', sans-serif;
			cursor:default;
			-webkit-user-select: none; /* Safari */
			-ms-user-select: none; /* IE 10 and IE 11 */
			user-select: none; /* Standard syntax */
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}
		nav {
		font-family: 'GalanoGrotesque-ExtraLight', sans-serif;
		  top:0;
		  display: flex;
		  width: 100%;
		  background-color: transparent;
		  overflow:hidden;		
		  text-align:center;
		  padding-bottom:0;
		  padding-top:2px;	
		  position: fixed;
		  z-index:20;
		  justify-content: center;
		  cursor: pointer;
		}	
		nav a {
		  float: none;
		  text-align: center;
		  padding-left: 12px;
		  padding-right:12px;
		  color: black;
		  text-decoration: none;
		  font-size: 14px;
		  display:inline;
		  overflow:hidden;
		  display:block;
		  cursor: pointer;
		}	
		nav a:hover{
		  background-color: transparent;
		}
	    #dummy img{
			width: Auto;
			height: Auto;
			z-index:2;		
		}
		span#prev, span#next {
			opacity:1;
			z-index:2;		
			cursor: pointer;
		}
		span#prev:hover, span#next:hover {
			opacity: 1;
			z-index:2;		
			cursor: pointer;
		}
		.gallery {
            /*border: 1px #ccc solid;*/
			margin-left:auto;
			margin-top:50px;
			margin-right:auto;
			margin-bottom:auto;
            padding: 0;
            text-align: center;
			flex: 70%;
        }  	
		.row {
			  margin:auto;
			  display: flex;
			  flex-wrap: wrap;
			  padding: 0;
		}
		/* Create four equal columns that sits next to each other */
		.column {
		  flex: 30%;
		  max-width: 50%;
		  padding: 0;
		  text-align:center;
		  z-index:2;
		}
		.column img {
		  vertical-align: middle;
		  width:95%;
		  position:relative;
		  margin:0;
		  margin-bottom:10px;
		  z-index:2;
		}
		/* Responsive layout - makes a two column-layout instead of four columns */
		@media screen and (max-width: 2800px) {
		  .column {
			flex: 40%;
			max-width: 50%;
		  }
		  figure {
			max-width: 1200px;
			margin:auto;
		}		
		.modal{
			max-width:1200px;
		}
		}
		@media screen and (max-width: 2000px) {
		  .column {
			flex: 40%;
			max-width: 50%;
		  }
		  figure {
			max-width: 1000px;
			margin:auto;
		}		
		.modal{
			max-width:1000px;
		}
		}		
		@media screen and (max-width: 1400px) {
		  .column {
			flex: 40%;
			max-width: 50%;
		  }
		  figure {
			max-width: 800px;
			margin:auto;
		}		
		.modal{
			max-width:800px;
		}
		}
		/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
		@media screen and (max-width: 600px) {
		  .column {
			flex: 100%;
			max-width: 100%;
		  }
		  figure {
			margin-left: 5px;
			margin-right: 5px;
		}
		}
		#fcf-form {
			display:block;
			z-index:2;
		}
		.fcf-body {
			margin: auto;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #212529;
			text-align: left;
			background-color: #fff;
			padding: 30px;
			padding-bottom: 10px;
			max-width: 600px;
			align: center;
			z-index:2;

		}

		.fcf-form-group {
			margin-bottom: 1rem;
			z-index:2;
		}

		.fcf-input-group {
			position: relative;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-align: stretch;
			align-items: stretch;
			width: 100%;
			z-index:2;

		}

		.fcf-form-control {
			display: block;
			width: 100%;
			height: calc(1.5em + 0.75rem + 2px);
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: black;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid grey;
			outline: none;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
			z-index:2;

		}

		.fcf-form-control:focus {
			border: 1px solid #313131;
			z-index:2;

		}

		select.fcf-form-control[size], select.fcf-form-control[multiple] {
			height: auto;
			z-index:2;

		}

		textarea.fcf-form-control {
			height: auto;
			z-index:2;

		}

		label.fcf-label {
			display: inline-block;
			margin-bottom: 0.5rem;
			z-index:2;

		}

		.fcf-credit {
			padding-top: 10px;
			font-size: 0.9rem;
			color: #545b62;
			z-index:2;

		}

		.fcf-credit a {
			color: #545b62;
			text-decoration: underline;
			z-index:2;

		}

		.fcf-credit a:hover {
			color: #0056b3;
			text-decoration: underline;
			z-index:2;

		}

		.fcf-btn {
			display: inline-block;
			font-weight: 400;
			color:grey;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-color: transparent;
			border: 1px solid transparent;
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			line-height: 1.5;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
			z-index:2;

		}

		@media (prefers-reduced-motion: reduce) {
			.fcf-btn {
				transition: none;
			}
		}

		.fcf-btn:hover {
			color: #212529;
			text-decoration: none;
		}

		.fcf-btn:focus, .fcf-btn.focus {
			outline: 0;
		}

		.fcf-btn-primary {
			color: black;
			background-color: white;
			border-color: grey;
		}

		.fcf-btn-primary:hover {
			color: black;
			background-color: lightGrey;
			border-color: grey;
		}

		.fcf-btn-primary:focus, .fcf-btn-primary.focus {
			color: #fff;
			background-color: grey;
			border-color: black;
		}

		.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
			padding: 0.5rem 1rem;
			font-size: 1.25rem;
			line-height: 1.5;
		}

		.fcf-btn-block {
			display: block;
			width: 100%;
		}
		.fcf-h3{
		text-align: center;}

		.fcf-btn-block+.fcf-btn-block {
			margin-top: 0.5rem;
		}

		input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block {
			width: 100%;
		}
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			top: 0;
			padding-top: 100px;
			margin:auto;
			width: 100%; /* Full width */
			height: inherit; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.0); /* Black w/ opacity */
			z-index:70;
			margin-left:auto;
			margin-top:50px;
			margin-right:auto;
			margin-bottom:auto;
			padding: 0;
			text-align: center;
		}

		/* Modal Content */
		.modal-content {
		  background-color: #fefefe;
		  margin: auto;
		  padding: 20px;
		  padding-top:5px;
		  border: none;
		  z-index:70;
		}

		/* The Close Button */
		.close {
		  color: #aaaaaa;
		  float: right;
		  font-size: 28px;
		  font-weight: bold;
		  z-index:70;
		  padding-bottom:8px;
		  margin-top:-16px;
		}

		.close:hover,
		.close:focus {
		  color: #000;
		  text-decoration: none;
		  cursor: pointer;
					  z-index:70;
		}
		.button {
		  background-color: white; /* Green */
		  border: none;
		  color: black;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		  font-size: 16px;

		}
		#myBtn {
		  padding-top:0px;
		  padding-bottom:5px;
		  padding-right:0px;
		}
		.modal-content > p:nth-child(2){
			margin-top:0;
		}
		.hoverable:hover a:hover{
			color: rgb(0,0,0);
			font-weight:bold;
		}
		.button:hover a:hover{
			font-weight:bold;
		}