*{   
    margin: 0; 
	padding: 0;
	border: 0;   
    box-sizing: border-box;	/*ELEMENTS Paddings & Borders ARE INCLUDED IN THE WIDTH & HEIGHT OF THE ELEMENTS IN QUESTION */ 
}             
    
:root{                   /* :root = HTML ELEMENT (PARENT OF ALL PARENTS) */
	font-size: 62.5%;   /* RESETS ROOT FONT SIZE TO 1REM = 10PX FONT SIZE */      
						   /*New Font Size = 10px */
						/* 10px = 1rem so on & so on */
}
/*:root, body, main, footer{
	width: 80%;    /* WIDTH OF PAGE IN THE VIEWPORT *
	height: 90%;  /* SCROLLING HEIGHT OF PAGE * 
}*/

img{
	max-width: 100%;    
    height: auto;   
}

body{                       /* BY DEFAULT, BODY HAS 8PX MARGIN & NO WIDTH NOR HEIGHT VALUE (IF NOT OTHERWISE DEFINE) */
    max-height: 90vh;      /* IF SET PAGE WIDTH ONLY, USE % OVER VH */
/*	width: 100%; */         /* PARENT OF THE PARENT DIV CONTAINER */ 
	margin: 0 auto;
	background-color: #007e70; 
    font-size: 1.6rem;     
	overflow-x: hidden;   

}   

#MasterParent_ctn{    /* PARENT DIV CONTAINER */
	width: 100%;     
	height: 100%; 
	position:relative;
	margin: 0 auto;
}
/*-----------TOP AREA PARENT AREA----------------------*/
/*-----------TOP AREA PARENT AREA----------------------*/
#navLogo{
	position: relative;
	top: 20vh;
	width: 30rem;
	height: 30rem;
	margin: 0 auto;
/*	background: #fff;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

#navLogo img{
	position: relative;
	width: 15rem;
	height: auto;
	
}