@media screen and (max-width: 703px) {
	body{	
		background-image: url(light_bulb_Projects.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 129vh 100vh;
		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: 84vh;
		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;
    }

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

}