<style type="text/css">

		* { 
			margin:0; 
			padding:0;
			font-size:1em;
		}

		body {
  			background: url(../images/indexphotos/index.jpg);
  			background-position: center center;
  			background-repeat: no-repeat;
  			background-attachment: fixed;
  			background-size: cover;
  			background-color: black;
		}


		.topMenu {
			list-style-type: none;
			padding: 0.7em 0em 0em 1.2em;
		}

		.topMenu li {
			display: inline-block;
			float: none;
		}

		.topMenuFont {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 1em;
			font-style: normal;
			font-variant: normal;
			font-weight: 500;
			line-height: 1.5em;
		}

		ul {
			width: 100%;
			white-space: nowrap;
			box-sizing: border-box;
			padding-left: 8em;
			padding-top: 0.3em;
		}


		li:last-child {
			float: right;
			padding-right: 9em;
			font-weight: 300;
			font-size: 0.8em;
		}

		li table {
			/*border-collapse: collapse;*/
			border-spacing: 0;
		}

		li table th {
			font-size: 2em;
			font-weight: 400;
		}


		li table tr td {
			font-size: 1em;
			font-weight: 300;
			vertical-align: top;
		}

		ul div li  {
			padding-right: 2em;
			vertical-align: top;
		}


		a {
			color: black;
			text-decoration: none;
			-webkit-filter: drop-shadow(0px 0px 15px rgba(255,255,255,100));
  			filter: drop-shadow(0px 0px 15px rgba(255,255,255,100));
		}

		a:hover {
			color: black;
			padding-bottom: 0.1em;
			border-bottom: 0.1em solid #D10000;
		}


		@media screen and (min-width: 1500px) {
			ul div li:first-child {
			padding-right: 15em;
			}

			ul div li  {
			padding-right: 5em;
			vertical-align: top;

			}
		}

		@media screen and (min-width: 2400px) {
			ul div li:first-child {
			padding-right: 40em;
			}

			ul div li  {
			padding-right: 5em;
			vertical-align: top;

			}
		}

		@media screen and (max-width: 940px) {
			ul div li:first-child {
			padding-right: 1em;
			}

			ul div li  {
			padding-right: 0.6em;
			vertical-align: top;

			}

			.topMenuFont {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 0.8em;
			font-style: normal;
			font-variant: normal;
			font-weight: 400;
			line-height: 1.5em;
			}

		}


		@media screen and (max-width: 620px) {

			.topMenuFont {
				font-size: 1.5em;
			}
			.topMenu li {
				display: block;
				float: none;
			}

			.topMenu {
				padding: 0.1em 0em 0em 0.1em;
			}

		}


		@media (max-width: 1300px) {
  			#photos {
			  -moz-column-count:    3;
			  -webkit-column-count: 3;
 			  column-count:         3;
 			  -webkit-column-gap: 0.2em;
 			  -moz-column-gap:	  0.2em;
 			  -column-gap: 		  0.2em;
			}
		}


		@media (max-width: 940px) {
  			#photos {
			  -moz-column-count:    2;
			  -webkit-column-count: 2;
 			  column-count:         2;
 			  -webkit-column-gap: 0.2em;
 			  -moz-column-gap: 0.2em;
 			  -column-gap: 0.2em;
			}
		}



		@media (max-width: 620px) {


			.topMenu {
			list-style-type: none;
			padding: 0.1em 0em 0em 0.1em;
			}

			ul {
			padding-left: 1em;
			}

			  body {
		    /* The file size of this background image is 93% smaller
		     * to improve page load speed on mobile internet connections */
		    background-image: url(../images/indexphotos/indexmobile.jpg);
			}
		}

		footer {
			display: block;
			padding: 1em 1em 0.5em 1em;
			color: #dbdbdb;
			text-align: center;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 1em;
			font-style: normal;
			font-variant: normal;
			font-weight: 200;
			visibility: hidden;
		}


</style>