@media screen and (min-width: 700px) {
	body{	
		background-image: url(light_bulb_Projects.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: auto auto;
		background-position-y: -230px;
		overflow-x: hidden;
	   }


	   body{
		width: 100%;
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		text-align: center;
		margin: 0% 0%;
		padding: 0.3% 0% 0% 0%;
		z-index: 0;
		min-width: 500px;
		overflow-x: hidden;
	}

			/*alter the header properties for page indication*/
		#ProjectsPage .btn-draw3{
			border-bottom: 2px solid #227f8f;
			}

		#ProjectsPage .btn-draw3 > span:before{
			background: #227f8f;
			}

		#ProjectsPage .btn-draw3 > span:after{
			background: #227f8f;
			}
		#ProjectsPage .btn-draw3:after {
			background: #227f8f;
			}
		

	div#ProjectsBody{
		height: 100vh;
		width: 100%;
		position: relative;
		font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		position: relative;
		margin: 90px 0% 0% 0%;
		text-align: center;
		padding: 3% 0% 0% 0%;
		background:rgba(14, 17, 17, 0.67);
		z-index: 5;
		overflow-x: hidden;
	}

	div#ComingSoon{
		margin: 0 auto;
		width: 100%;
		padding: 0 50% 0% 0%;
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color:	#D8DADB;
		font-size: 3.5vw;
		font-weight: 1200%;
		text-align: center;
		animation: Reveal 2s ease-out;
		overflow: hidden;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}}

	@keyframes Reveal {
		0% {opacity:0;}
		20% {opacity:0;}
		75% {opacity: 1}
		100% {opacity: 1;}
		}