#mainNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
body{
	padding-bottom: 50px;
	
	background-image: url('Resources/Background/296086447_623133005740349_4306478327465711910_n.jpg');
	background-repeat: no-repeat;
}
.mainNav {
  float: left;
}

.mainNav a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.mainNav a:hover {
  background-color: #111;
}
a:visited{
	color: lightblue;
}
#header{
	width: 100%
}
#article {
	display: grid;
	grid-template-columns:50% 50%;
	column-gap: 5px;
	padding: 20px;
	width: 70%;
	background-color: #f1f1f1;
	padding: 50px;
	
}
#gallery{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 33% 33% 33%;
	column-gap: 5px;
	height: 650px;
}
.galleryVerticalImg{
	width: 100px;
	margin: auto;
}
.galleryHorizontalImg{
	width: 200px;
	margin: auto;
}
.verticalVideo{
	width: 150px;
	height: 200px;
	margin: auto;
}
video{
	width: 150px;
	height: 200px;
	margin: auto;
}
.column2{
	margin: auto;
	
	
}
#frontPgPic{
	float: left;
	width: 300px;
}
/* Clear floats after the columns */
#section{
	clear: both;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 150px;
}
* {
  box-sizing: border-box;
}
nav{
  background-color: #D3D3D3;
  font-size:12;
}
#secondNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
#footer {
	position:fixed;
	bottom:0;
	width:100%;
}

table{
	margin-top: 25px;
	margin-right: 200px;
	background-color: white;
	border-collapse:collapse;
	border-spacing:0;
}
td
	{
		border-color:black;
		border-style:solid;
		border-width:1px;
		font-family:Arial, sans-serif;
		font-size:14px;
		overflow:hidden;
		padding:10px 5px;
		word-break:normal;
	}
th
	{
		border-color:black;
		border-style:solid;
		border-width:1px;
		font-family:Arial, sans-serif;
		font-size:24px;
		font-weight:bold;
		overflow:hidden;
		padding:10px 5px;
		word-break:normal;
		text-align:center;
		vertical-align:top;
		background-color: blue;
		color: white;
	}
.form{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
.galleryVerticalImgTransformedRightTilt{
	transform: rotate(4deg);
	width: 150px;
	margin: auto;
}
.galleryVerticalImgTransformedLeftTilt{
	transform: rotate(356deg);
	width: 100px;
	margin: auto;
}
@media (max-width: 1000px) {
	body{
		background-image: url('Resources/Background/295874881_1089978448600363_4401585129122053587_n.jpg');
		background-repeat: no-repeat;
	}
	#article {
		display: grid;
		grid-template-columns:100%;
		width: 100%;
	}
	 #section{
		  column-count: 1;
		  column-width: auto;
	  }
	#footer {
		position: static;
		clear: both;
		 width:100%;
		 
	 }
	 /*#gallery{
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 33% 33% 33%;
		column-gap: 5px;
	}*/
	 body{
		 background-color: #ededed;
		 
	 }
}