#navCont{
			position: fixed;
			width: 100%;
			height: 100%;
			z-index: 10;
			top: 0;
				pointer-events: none;
		}

		#logo{
			pointer-events: none;
			width: 10rem;
			position: fixed;
			z-index: 1;
			right: 0;
			padding: 2vw;
			filter: brightness(1);
			transition: 0s;
			
			top: 0;
		}


		#menuCloser{
			width: 100vw;
			height: 100vh;
			position: fixed;
			/*display: none;*/
			top: 0;
			left: 0;

			
			z-index: 6;
			opacity: 0;
			background: #101118;
			mix-blend-mode: multiply;
			/*backdrop-filter: blur(5px);*/
			transition-duration: 1s;
			pointer-events: none;
		}		

		#menuParent{
			position: fixed;
			top: 0;

			margin: 2vw;
			
			border-radius: 1rem;
			/*border: solid, 2px, red;*/
			overflow: hidden;
			text-align: left;
			z-index: 7;
		}



		#menuText{
			color: #101118;
			padding: .5rem;
			top: .5rem;
			font-family: impact;
			font-weight: lighter;
			width: 10px;
			
			font-size: 1.75rem;
			left: 0;
			
			position: relative;
			border-radius: 10px;

			
			width: 200px;
			vertical-align: baseline;
			z-index: 10;
			cursor:default;
		}


		#menu{
			background: #e7b568; /*#00aeef*/
			border-radius: 1rem;
			text-align: left;
			position: fixed;
			z-index: 0;
			
			overflow: hidden;
			
			transition-duration: 1s;
			transition-timing-function: cubic-bezier(.21,0,.18,.99);




			/*background-color: #e7b568;
			transition-duration: 1s;*/
			

		}


		#buttonCont{
			position: relative;
			top:3rem;
			padding: 1rem;
			padding-right: 10rem;
			padding-bottom: 3rem;
			display: none;


			

			
		}
				.optionNames{
			color: #101118;
			position: relative;
			/*z-index: 9;*/
			font-family: impact;
			font-size: 3.5rem;
			font-weight: lighter;
			line-height: .6;
			text-decoration: none;
			display: block;
			
			
		}





		#home{
			transition-duration: .25s;
			opacity: 0;
			transform: translateY(-100%);
			transition-duration: .5s;
			transition-delay: 0s;


			cursor: pointer;

		}
		#services{
			transition-duration: .25s;
			opacity: 0;
			transform: translateY(-100%);
			transition-duration: .5s;
			transition-delay: .1s;
			cursor: pointer;
		}
		#contact{
			transition-duration: .25s;
			opacity: 0;
			transform: translateY(-100%);
			transition-duration: .5s;
			transition-delay: .2s;
			cursor: pointer;
		}




		.socials{
			color: #101118;
			 font-family: 'Trebuchet MS', sans-serif;
			 font-weight: bold;
			 line-height: .5;
			 font-size: 1.25rem;
			 opacity: 0;
			 transition-duration: .3s;
			
		}

		#insta{
			margin-top: 6rem ;
			transition-delay: .4s;
			cursor: pointer;
		}

		#face{
			transition-delay: .5s;
			cursor: pointer;
		}


		#home:hover{
			margin-left: .5rem ;
			padding-top: -.5rem ;
			color: white;
			filter: drop-shadow(-.5rem .5rem 0 rgba(0,0,0,0.3));
		}
		#services:hover{
			margin-left: .5rem ;
			color: white;
			filter: drop-shadow(-.5rem .5rem 0 rgba(0,0,0,0.3));
		}
		#contact:hover{
			margin-left: .5rem ;
			color: white;
			filter: drop-shadow(-.5rem .5rem 0 rgba(0,0,0,0.3));
		}
		#insta:hover{
			margin-left: .5rem ;
			color: white;
			filter: drop-shadow(-.5rem .5rem 0 rgba(0,0,0,0.3));
		}
		#face:hover{
			margin-left: .5rem ;
			color: white;
			filter: drop-shadow(-.5rem .5rem 0 rgba(0,0,0,0.3));
		}

				#mobileCloser{
				border: solid 2px white;
				position: fixed;
				top: .5rem;
				right: .5rem;
				height: 7rem;
				width: 7rem;
				padding: 0;
				margin:0;

				display: none;
				}

			#mobileCloser::before, #mobileCloser::after{
				content: '';
				padding: 0;
				margin:0;
				width: 1rem;
				height: 4rem;
				background: black;
				position: absolute;
				top: 0;
				right: 50%;
				transform: rotate(45deg);
				border-radius: .25rem;
			}

			#mobileCloser::after{
				transform: rotate(-45deg);
			}

/*
				position: fixed;
				font-size: 15vw;
				color: #101118;
				top: 0;
				right: 0;
				padding: 0;
				margin: 0;
				font-family: impact;
				transform: scaleY(.7);
				font-weight: lighter;
				z-index: 10;
				transform: translateY(100%) translateX(-100%);
				
				line-height: 0;
				*/


				#noiseMask{
					z-index: 100;
					top: 0;
					left: 0;
					
					width: 100vw;
					height: 100vh;
					position: fixed;
					background-image:url("../../Assets/Global/Images/noise.png");
					background-size: 2;
					mix-blend-mode: multiply;
					opacity: .2;
					backdrop-filter: blur(1rem);

					pointer-events: none;

				}

				@media (max-aspect-ratio: 3/4){

					#noiseMask{
						display: none;
					}
			#menuParent{


			}

			#buttonCont{
				top: 5vw;
			}

			#logo{
				display: none;
			}

			.optionNames{

				font-size: 10vw;

			}

			#menuText{
				font-size: 4vw;
			}

			.socials{
				font-size: 3vw;
	}



		}