@media screen and (max-width: 960px) {
	.hamburger{
		display:block;
		position:fixed;
		margin-top: 5px;
		width:300px;
		background-color:#FFFFFF;
		z-index:99;
	}
	.hamburger .bun{
		position:relative;
		height:30px;
		width: 50px;
		margin-right: 15px;
		margin-left:auto;
		border-bottom:4px solid #000000;
		border-top:4px solid #000000;
		border-radius: 4px;
		cursor:pointer;
		transition:all 0.3s;
	}

	.hamburger hr{
		position:absolute;
		top:10px;
		left:3px;
		width: 90%;
		height: 3px;
		background-color: #000;
		border-radius: 100px;
		background-color:#000;
		transition:all 0.3s;
	}
	.openMenu .bun{
		border-bottom:1px solid #FFFFFF;
		border-top:4px solid #FFFFFF;
	}
	.openMenu .bun > hr:nth-child(1) {
		 transform: rotate(45deg);
		 width:70%;
		 background-color: #F00;
	}
	.openMenu .bun > hr:nth-child(2) {
		 transform: rotate(-45deg);
		 width:70%;
		 background-color: #F00;
	}
	.menu {
		background: white;
		margin-bottom: 5px;
		position: absolute;
		top: 15px;
		right: 3%;
		overflow-x: hidden;
		line-height: revert;
		min-width: 300px;
		display:block;
		transition:all 0.5s;
	}
		.closedMenu{
			height:0vh;
		}
		.closedMenu ul{
			display:none;
		}
		.openMenu{
			height: 100vh;
		}
		.openMenu .hamburger:first-child{
			color:red;
		}
		.openMenu ul{
			display: block;
		}
		.menu ul{
			display: block;
			line-height:revert;
			margin-top:60px;
		}
		.menu ul:last-child{
			margin-bottom: 10vh;
		}	
		.submenu ul:last-child{
			margin-bottom: 2vh;
		}	
		.menu ul li{
			border: none;
			line-height:revert;
			font-weight:450;
		}
		.menu ul li:hover .submenu {
		  display: block;
		}
		.submenu{
			display: block;
		}
		.submenu ul {
			position:relative;
			margin-top: 0px;
		}
		.submenu ul li{
			font-weight:300;
		}
		.submenu ul li:last-child{
			margin-bottom:30px;
		}
		#lnkLogin{
			display:inherit;
		}
		#logInDiv{
			display:none;
		}
		.vidOverlay .ttl{
			max-width: 90%;
			font-weight: 300;
			font-size:250%;
			line-height:100%;
			margin:auto;
		}
		.vidOverlay .desc{
			max-width: 90%;
			font-weight: 200;
			font-size:180%;
			line-height:100%;
			margin:auto;
		}
		.txtCtrGry{
			width:inherit;
		}
		.siteBtns a{
			width:100%;
			margin: 10px 20px;
		}
		/*
		.siteBtn .logoLink{
			height: 100%;
			aspect-ratio: 1/1;
		}
		*/
		.ftrBtn span{
			display:none;
		}
}

@media screen and (max-width: 800px) {
	.grey h1, .white h1{
		margin:0px 10px;
	}
	.grey h2, .white h2 {
		margin: 25px 0px 10px 0px;
		font-weight: 200;
	}
	.row{
		flex-direction: column;
	}
	.w40{
		max-width: 100%;
	}
	.textbox-R{
		margin-left: auto;
	}
	.textbox-L{
		margin-left: auto;
		order:2;
	}
	.column .ftrBtn span{
		display:none;
	}
}

@media screen and (max-width: 700px) {
		.ftrBtn span{
			display:inline-block;
		}
		.foot {
			flex-direction: column;
		}
		.col1, .col2, .col3 {
			width:100%;
		}
		.col1{
			order:1;
		}
		.col2{
			display: flex;
			order:3;
		}
		.col3{
			order:2;
			text-align:left;
		}
		.ftrSocials {
			width:100%;
			margin: 10px;
			border-radius: 5px;
			filter: drop-shadow(3px 3px 3px #999);
			background-color: #EFEFEF;
		}
		.ftrLogo{
			display:none;
		}
}