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

	.imgdiv {
		width: 95%;
	}

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

@media only screen and (min-width: 801px) {
	
	header {
		position: absolute;
		margin-top: 20px;
		margin-left: 120px;
		font-family: 'Magra';
		font-weight: bolder;
		color: #3A9833;
		text-shadow: 1px 1px #000;
		cursor: default;
		font-size: 22px;
	}

	article {
		box-shadow: 3px 3px 5px #999;
	}

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

	nav ul {
		list-style: none;
		display: flex;
		text-align: center;
		justify-content: center;

	}

	nav li {
		margin-right: 2.5%;
		margin-left: 2.5%;
		margin-top: 160px;
		text-align: center;
		display: inline-block;
		font-size: 22px;
		color: #000;
	}

	main h2 {
		margin-top: 2%;
		margin-bottom: 2%;
	}

	#txt {
		max-width: 42%;
		margin-left: 30%;
		text-align: justify;
		color: #FFF;
		z-index: 1000;
		position: relative;
		text-shadow: #000 1px 1px;
	}

	#vidDiv {
		height: 70vh;
		background-color: #000;
		overflow: hidden;
		background-position: center;
	}

	#desktopLine {
		color: #3A9833;
		text-align: center;
		margin-bottom: 3%;
		position: relative;
		z-index: 10;
		user-select: none;
	}

	#images {
		display: inline-block;
		float: right;
		width: 40%;
		clear: left;
		margin-bottom: 2%;
	}

	#images img {
		float: right;
		width: 80%;
		margin-right: 10%;
		margin-top: 18%;
	}

	#info {
		margin-top: 2%;
		display: inline-block;
		width: 60%;
		float: left;
		margin-bottom: 2%;
	}

	#index h2 {
		margin-top: 5%;
		font-size: 32px;
		position: relative;
		z-index: 10;
	}

	#greeting {
		position: absolute;
	}

	#training {
		min-height: 480px;
	}

	#training h2 {
		text-align: left;
		width: 50%;
	}

	#training h3 {
		text-align: left;
		width: 80%;
		color: #3A9833;
		font-family: 'Magra';
		font-weight: bold;
		text-shadow: 1px 1px #000;
		float: left;
		margin-left: 10%;
		margin-bottom: 1%;
		margin-top: 2%;
	}

	#training h3:hover {
		cursor: pointer;
	}

	#training p {
		width: 90%;
		text-align: left;
		float: left;
		margin-bottom: 1%;
	}

	#training #images img {
		margin-right: 5%;
		margin-top: 5%;
	}

	#training .answer {
		margin-bottom: 4%;
	}

	#training .dropDown {
		background-color: #DFFDDD;
		padding: 1%;
	}

	#equipment {

	}

	#equipment h2 {
		text-align: left;
		width: 80%;
	}

	#equipment p {
		text-align: left;
		width: 80%;
		margin-bottom: 2%;
		color: #000;
		font-weight: normal;
		clear: both;
	}

	#equipment ul {
		width: 80%;
		margin-left: 10%;
		margin-top: 2%;
		list-style: none;
		font-weight: bolder;
		font-size: 18px;
		color: #3A9833;
		cursor: pointer;
	}

	#equipment li {
		font-weight: normal;
		color: #000;
		cursor: default;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-left: 5%;
	}

	#equipment a {
		color: #3A9833;
		text-decoration: underline;
	}

	#equipment a:hover {
		cursor: pointer;
		color: #297612
	}

	#findUs h2 {
		text-align: left;
	}

	#findUs p {
		text-align: left;
		margin-bottom: 1%;
	}

	#findUs {
		min-height: 720px;
	}

	#findUs iframe {
		margin-left: 10%;
	}

	#deskCanvas {
		display: inline-block;
	}

	#mobileCanvas {
		display: none;
	}

}

@media only screen and (min-width: 994px) {

	nav ul li {
		margin-top: 160px;
	}

	nav ul li a {
		font-size: 28px;
	}

}


@media only screen and (min-width: 1600px) {
	
	#vidDiv {
		background-color: #000;
		overflow: hidden;
		margin-bottom: 0%;
	}

}