/* GENERAL */
	@import url('https://fonts.googleapis.com/css?family=Montserrat');
	body{
		background-image: url('/pics/grain-bg.png');
		background-attachment: fixed;
		background-position: 0 0;
		text-align: center;
	}

	#mainFrame{
		width: 1000px;
		min-width: 900px;
		height: 80%;
		margin: 5% auto;
		text-align: left;
		/**set text**/
		font-family: 'Montserrat', sans-serif;
		color: white;
	}

	#header{
		text-align: center;
	}

	#header h1{
		letter-spacing: 7px;
		font-size: 50px;
	}

	#copy{
		position: fixed;
		top: 100%;
		margin-top: -15px;

		text-align: left;
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
		color: white;
	}

/* NAVIGATION BAR */
	#navBar{
		position: fixed;
		width: 100%;
		top: 0px;
		text-align: center;

		font-family: 'Montserrat', sans-serif;
		font-size: 25px;

		background-image: url('/pics/grain-bg.png');
		background-attachment: fixed;
		background-position: 0 0;
	}

	.navText{
		background-color: rgba(0,0,0,0);
		border: 0px;
		color: #FFFFFF;
		padding-right: 30px;
		padding-left: 30px;
		transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
	}

	.navVideo{
		border-right: 2px solid white;
	}

	.navPhoto{
		border-left: 2px solid white;
	}

	.navText:hover{
		color: #b6b6b6;
	}


/* INDEX.PHP */

	#videoAndGear{
		height: 390px;
	}

	#video{
		float: left;
		font-size: 20px;
	}

	#vFrame{
		margin-top: 5px;
	}

	#gear{
		float: right;
		padding-left: 40px;
		border-left: 2px solid white;
		height: 100%;
		
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}


	#tablegear td{
		padding-bottom: 5px;
	}

	#tabhead{
		text-align: right;
		vertical-align: top;
		width: 70px;
		padding-right: 10px;
	}

	#contact{
		text-align: center;
		font-size: 20px;
	}

	#contactHead{
		background-color: rgba(0,0,0,0);
		border: 0px;
		font-size: 25px;
	}

	#contactBody{
		padding-left: 250px;
		padding-right: 250px;
		opacity: 0;
	}

	#contactBodyText{
		letter-spacing: 0.5px;
		text-align: justify;
		font-size: 14px;
	}

	#contactBodyEmailSubtext{
		letter-spacing: 0.5px;
		font-size: 12px;
	}

	#emailpic{
		display: block;
		margin: 0 auto;
		height: 31px;
		width: 300px;
	}


/* VIDEOS.PHP */

	#videoMainFrame{
		width: 95%;
		min-width: 900px;
		height: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
		/**set text**/
		font-family: 'Montserrat', sans-serif;
		color: white;
	}

	#videoContainer{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#videoContainer div{
		display: inline-block;
		margin: 20px;
	}


/* PHOTOS.PHP */

	#photoMainFrame{
		width: 100%;
		min-width: 900px;
		height: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
		/**set text**/
		font-family: 'Montserrat', sans-serif;
		color: white;
	}

	#photoContainer{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#photoContainer div{
		display: inline-block;
		margin: 8px;
	}

	img{
		height: 400px;
		max-height: 400px;
		width: auto;
	}