@media only screen and (max-width: 620px) {
	
	#vidDiv {
		height: 200px;
		background-color: #000;
		overflow: hidden;
		height: 70vh;
		background-position: center;
		margin-bottom: 25px;
	}
	
	#bgVid {
		top: 10% !important;
		left: 0;
		width: 100%;
		opacity: 0.5;
		position: relative;

	}

	article {
		margin-top: 50px;
	}

	nav ul {
		padding-right: 5%;
	}

	nav ul li {
		padding-top: 1.5%;
	}


	.imgdiv {
		width: 95%;
	}

	.textdiv {
		position: relative;
		width: 100%;
		margin: 0px;
	}
	
}

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

	header {
		display: none;
	}
	
	nav {
		background-image: url(../pics/IMG_0186.JPG);
		background-position: 50% 48%;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	nav ul {
		display: list-item;
		list-style: none;
		text-align: right;
		margin-left: auto;
		padding-right: 5%;
		width: 100%;
	}

	nav ul li {
		color: #900;
		margin-right: 1%;
		padding-top: 1.5%;
	}

	#vidDiv {
		height: 300px;
		background-color: #000;
		overflow: hidden;
		margin-bottom: 25px;
	}
	#greeting {
		position: absolute;
	}

	#txt {
		position: relative;
		z-index: 5;
		color: #FFF;
		text-shadow: #000 1px 1px;
	}

	#index h2 {
		position: relative;
		z-index: 5;
	}

	#desktopLine {
		display: none;
	}

	#deskCanvas {
		display: inline-block;
	}

	#mobileCanvas {
		display: none;
	}

	.about img {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.about p {
		margin-top: 2.5%;
		margin-bottom: 2.5%;
	}
	
	#equipment img {
		width: 90%;
		margin: 5%
	}

	#equipment span {
		clear: both;
		color: #3A9933;
	}

	#equipment p {
		margin-bottom: 5%;
	}

	#equipment ul {
		list-style: none;
		text-align: center;
		margin-top: 2.5%;
		margin-bottom: 2.5%;
		font-size: 18px;
		padding: 2.5%;
	}

	#equipment li {
		margin-top: 2.5%;
		margin-bottom: 2.5%;
		text-align: left;
		margin-right: 10%;
		margin-left: 10%;
		font-style: normal;
	}

	#equipment ul:hover {
		cursor: pointer;
	}

	#equipment span {
		font-weight: bolder;
		padding: 2.5%;
	}

	#equipment span:hover {

		border: 1px #000 solid;
		background-color: #DDFFDD;
	}

	#training {
		text-align: center;
	}
	
	#training .trigger {
		color: #3A9933;
		margin-top: 5%;
		clear: both;
	}

	#training .trigger:hover {
		cursor: pointer;
	}

	#training h3 {
		clear: both;
		color: #3A9933;
	}

	#training p {
		margin-bottom: 2.5%;
		margin-top: 2.5%;
	}

	#training .dropDown {
		text-align: left;
		background-color: #DDFFDD;
		padding: 2%;
	}

	#training img {
		width: 80%;
		margin-top: 2.5%;
	}

	#secLeft {
		display: none;
	}

	#secMid {
		width: 100%;
		background-color: #000;
	}

	#secRight {
		display: none;
	}
	
}

}