html, body {
			margin: 0;
			padding: 0;
			background: #fefefe;
			background-color: #f0ebee;
			
		}

		body {
			font-family: "Lucida Sans", sans-serif;
			font-size: 1.2rem;
			line-height: 2rem;
			color: #636363;
			-webkit-font-smoothing: antialiased !important;
			text-align: center;
		}

		a {
			color: #000000;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
			outline: none;
		}

		header {
			margin-bottom: 2.2rem;
		}


		#darkbox { width:1280px; height:720px; position:absolute;
			top:0; left:0; background-color:#96276a; overflow: hidden; text-align:center;
		}
		.darkboximg { padding:5%; max-width: 1216px; max-height: 684px; }

		#gallery {
			line-height:0;
			-webkit-column-count:4;
			-webkit-column-gap:10px;
			-moz-column-count:4;
			-moz-column-gap:10px;
			column-count:4;
			column-gap:10px;
			margin-top:2rem;
			margin: 30px;
		}

		#gallery img {
			width: 100% !important;
			height: auto !important;
			margin-bottom:5px;
			filter: none;
			transition: filter 2s;
		}

		#gallery img:hover {
			filter:grayscale(100%);
		}


			}
		}
		@media screen and (max-width: 800px) {
			#gallery {
				-moz-column-count:    2;
				-webkit-column-count: 2;
				column-count:         2;
			}
		}
		@media screen and (max-width: 400px) {
			#gallery {
				-moz-column-count:    1;
				-webkit-column-count: 1;
				column-count:         1;
			}
		}