@charset "utf-8";
@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */


/*******************************BREAKPOINTS**************************************************/    
    
    /*NOTE: OVERRIDE STYLES NEED MEDIA OVERRIDE ON INDIV CSS PAGES*/  
  

  /********************************************************************* LANDSCAPE BREAKS***/




@media (orientation: landscape){

#start_container{
/*padding-left:5%;*/
}

#helpScreen{
margin-top:-3vh;
}

 	@media only screen 
 		 and (min-width: 500px) 
	{
	
	#helpScreen{
		font-size:0.75em;
		width:94%
}

	  #startPage{
     padding-top: 1%;
 }

#setupHeaders{
font-size:2.5em;
padding-top:1%;
}

#logo_helppgs{
margin-top:-2%;
}

.hNav{
margin-top:-1%;
font-size:0.9em;
}
 		#page_base{
 		overflow-y: scroll;
 		}
 		
 		.copy_y_lg {
  		font-size: 14vh;
		}
    
    	.copy_bk_sm {
    	font-size: 2.86vh;
    	}
    
		#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
		padding-top: 40vh;
		width:2vw;
		}

			.linkdots {
    width: 5.3vw;
    height: 1vw;
}

.linkimgs {
    width: 31px;
    margin-top: 1px;
    margin-left: 3px;
}

		#pspl, #sub_pspl{
		width: 28px;
		}

		#menu_container {
		padding-left: 50%;
    padding-top: 11%;
    font-size: 2.5em;
    padding-right: 52%;
		}

		#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
   		    width: 2.39vw !important;
    		height: 86vh !important;
		}
	
		#nx, #snx{
		margin-left: -1px;
		}
		
		#bk, #sbk{
		margin-left: 1px;
		}
		
	   
		
		
		  /*ARCHIVE CSS FONTSIZES*/  
    

    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 2.1em !important;
}

.smFBK{
    font-size: 1.7em !important;    
    }

.ingredients{
font-size:0.45em !important;
}

/* END ARCHIVE CSS*/

 		@media (min-aspect-ratio: 141/100) {
 		 		/*CONTAINER IS TALLER THAN ASPECT RATIO*/
			.copy_y_lg {
  				font-size: 14vh;
			}
    
    		.copy_bk_sm {
    			font-size: 2.86vh;
    		}
    	/*
  			#present_container {
			 background-color: red; 
			 height:100%!important;
  			}
  		*/	
  			 #ap0{
     	 	/*left: -2.8vw;*/
  			}
  			
  			#present_container{
      		width: 118vmin;
      		top:13.5vh;
      		left: -2vh;
			}
	
			.displayViewer_L{
    		width: 100% !important;
			top: 3.5vh;
			}
    
			.present_copy_L{
			top: 26vh !important;
			left: -0.5%;
    		width: 118% !important;
			}

			#infoScr{
			left: 1vw;
			font-size: 2vw;
			height: 49.9vh;
  			  top: 14vh;
			}
			
		

		}

 		@media (max-aspect-ratio: 141/100) {
 		/*CONTAINER IS SHORTER THAN ASPECT RATIO*/
  			
  			/*
  			#present_container {
  		    background: yellow; 
  		    height:100%;
			}
			*/
			
			.copy_y_lg {
  				font-size: 10vw;
			}
    
    		.copy_bk_sm {
    			font-size: 1.96vw;
    		}
			
			 #ap0{
     		 /*left: 3.8vw;*/
  			}

			#present_container{
      		    width: 88vw;
    			top: 14.5vh;
    			left: -2vh;
			}
	
			.displayViewer_L{
    		width: 100% !important;
			top: 4.5vh;
			}
    
			.present_copy_L{
			    top: 19vw !important;
    			left: 1vw !important;
   				width: 118% !important;
			}

			#infoScr{
			left: 1vw;
			font-size: 2vw;
			height: 55.5vh;
    		top: 12vh;
			}
			

		}
	}


/***********************************************LANDSCAPE BREAK**********************/


 	@media only screen 
 		 and (min-width: 700px){
 		 
 		 
 		  #startPage{
     padding-top: 2%;
 }
 		 
 		 #logo_helppgs{
margin-top:-1%;
}


  
		#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
   		 width: 2.14vw !important;
    	height: 86vh !important;
		}

		#nx, #snx{
		margin-left: 2px;
		}

		#menu_container {
    padding-left: 51%;
    padding-top: 11%;
    padding-right: 53%;
}
		
	#textmenu{
           font-size: 1.18vw !important;
    margin-top: 0.3vw;
    width: 74.8vw !important;
    margin-left: -2.35vw;
  }
  
  
		#helpScreen{
		    font-size: 0.8em;
    width: 94%;
		}
		
		
		
		.copy_bk_ssm {
   			 font-size: 2.2vh;
   		 }
   		 
   				.linkdots {
    width: 4vw;
    height: 4vw;
}

.linkimgs {
    width: 31px;
    margin-top: 1px;
    margin-left: 3px;
}


	#nx, #snx{
		margin-left: 0px;
		}
		
		#bk, #sbk{
		margin-left: 2px;
		}
		
			
		  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 3.0em !important;
}

.smFBK{
    font-size: 2.0em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/
		

  		@media only screen 
  		and (max-aspect-ratio: 141/100) {
  		
  			#present_container {
  			/*  background: yellow; */
        width: 86vw;
    top: 11.5vh;
    left: -2.5vh;
}
  			
  			#ap0{
			/*left: 1.5vw;*/
			}
			
			#infoScr{
			left: 1vw;
			font-size: 2vw;
			height: 54.5vh;
			top: 11vh;
			}
		}
 
	 	@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			 /*  background-color: red; */
   			       top: 11.5vh;
   				 width: 128vmin;
   			 left: -2vh;
  			}
  			
  			#ap0{
			/*left: 1.4vw;*/
			}
			
			#infoScr{
			    left: 1vw;
    font-size: 2vw;
    height: 49.5vh;
    top: 12.7vh;
			}
		}

	}

/**************************************************LANDSCAPE BREAK*******************/


@media only screen 
  and (min-width: 1000px) 
 {
 
 #startPage{
     padding-top: 7%;
 }
 
 #startmenu{
 padding-top:2%;
 }
 
  		 #logo_helppgs{
    margin-top: -1.1%;
    width: 11% !important;
    margin-left: -1%;
    }

#setupHeaders {
    font-size: 3.25em;
    padding-top: 0.4%;
}

.hNav {
    margin-top: 0%;
    font-size: 0.9em;
    font-size: 1.9em !important;
}


 #page_base{
 		overflow-y: hidden;
 		}
  
  #ap0{
     /* left: 2.2vw;*/
      margin-top: 2vh;
  }
   
   #topbar{
  height: 3.65vw;
  }
  
    
  
  #logo {
  width: 12.2vw !important;
    margin-top: -0.40vw;
    padding-left: 2.25%;
    padding-right: 2.5%;
    
}
  
  #logo_ca{
    font-size: 2.10vw;
  }
  
  
  #logo_gmk{
  font-size: 1.06vw;
    margin-top: -0.3vw;
  }
  
 

#textmenu{
           font-size: 1.18vw !important;
    margin-top: 0.3vw;
    width: 74.8vw !important;
    margin-left: -2.35vw;
  }
   
    .linkdots{
       width: 2.89vw;
    height: 2vw;
}


  #pspl, #sub_pspl{
    width: 25px;
    margin-left:-1vw;
}


#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.35vw;
}

#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
       width: 1.6vw !important;
    height: 86vh;
	}	
	
			.linkdots {
  width: 3.5vw;
       height: 5vw;
}

.linkimgs {
    width: 31px;
    margin-top: 1px;
    margin-left: 3px;
}

#helpScreen{
		    font-size: 0.8em;
    width: 94%;
		}
		
		#nx, #snx{
		margin-left: 1px;
		}
		
		#bk, #sbk {
		margin-left: 1.5px;
		}
 
 .arrimgs {
    width: 13px;
    }
    
  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 3.7em !important;
}

.smFBK{
    font-size: 2.2em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/
    
	 @media only screen 
  		and (max-aspect-ratio: 141/100) {
  		  			
  			#present_container {
    		/*  background: yellow; */
  			}
  			
  			#ap0{
     		/* left: 2.2vw;*/
     		 margin-top: 2vh;
  			}
  			
			#present_container{
      		width: 90vw;
  			  top: 11.5vh;
    		left: -2vh;
			}
	
			.displayViewer_L{
    		width: 100% !important;
			top: 4vh;
			}
	
			.present_copy_L{
			top: 24vh !important;
   			 left: 0vw !important;
			}
			
			#infoScr{
			left: 1vw;
  			  font-size: 1.4vw;
   			 height: 42.25vh;
   			 top: 12vh;
			}
  			
		}
 
	 	@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			 /*  background-color: red; */
  			}
  			
  			#ap0{
     		/* left: 1.2vw;*/
     		 margin-top: 2vh;
  			}
  			
			#present_container{
      		width: 132vmin;
      		top:9.5vh;
			left: -2vh;
			}
	
			.displayViewer_L{
    		width: 100% !important;
			top: 3.5vh;
			}
	
			.present_copy_L{
			top: 28vh !important;
    		left: 1vw !important;
			}
			
			#infoScr{
		left: 1vw;
    font-size: 1.57vw;
    height: 48.25vh;
    top: 11vh;
			}
		}
  }
  
/***************************************************LANDSCAPE BREAK******************/


@media only screen 
  and (min-width: 1200px) 
 {
 
 
 	 #logo_helppgs{
    margin-top: -1.1%;
    width: 11% !important;
    margin-left: -1%;
    }

#setupHeaders {
    font-size: 3.25em;
    padding-top: 0.4%;
}

.hNav {
    margin-top: 0%;
    font-size: 0.9em;
    font-size: 1.9em !important;
}
 
 #start_container{
/*margin-left:4.5%;*/
}

     
    #logo {
    width: 12.2vw !important;
       margin-top: -0.9vw;
    padding-left: 2.25%;
    padding-right: 1.7%;
    
}

  #logo_ca{
    font-size: 1.87vw;
        margin-top: 0.75vw;
  }
   
  #logo_gmk{
   font-size: 0.90vw;
    margin-top: -0.27vw;
  }
    
   #textmenu{
           font-size: 1.18vw !important;
    margin-top: 0.3vw;
    width: 84.8vw !important;
    margin-left: -2.35vw;
  }
   
   .linkdots{
       width: 2.23vw;
    height: 1.1vw;
}

 #pspl, #sub_pspl {
    width: 2.3vw;
    margin-top: 0vh;
}
	
	#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
    width: 1.2vw !important;
    height: 86vh !important;
	}
	
	#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.2vw;
}
	
	.arrimgs {
    width: 12px;
}



#helpScreen{
	    font-size: 0.9em;
    width: 81%;
    z-index: 3;
    padding: 4vw;
  
		}
		
		
		
		.copy_bk_ssm {
   			 font-size: 2.25vh;
   		 }

		.linkdots {
    width: 2.9vw;
    height: 3vw;
}

.linkimgs {
    width: 35px;
    margin-top: 1px;
    margin-left: 3px;
}

#present_container{
    		top: 15.25vh;
			}
			

 	
		  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 3.7em !important;
}

.smFBK{
    font-size: 2.2em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/
	 @media only screen 
  		and (max-aspect-ratio: 141/100) {
  		
  			#ap0{
     		 /*left: -1.2vw;*/
     		 margin-top: 2vh;
  			}
  			
  		  			
  		  		#helpScreen{
  		  		    margin-top: -1% !important;
    width: 96%;
    font-size: 0.7em;
  		  		}	
  		  			
  			#present_container {
    		/*  background: yellow; */
  			}
  			
  			 
			#present_container{
	    	width: 90vw;
    		top: 14.25vh;
    		left: -2vh;
			}
		
			.displayViewer_L{
			top: 1.5vh;
			}

			.present_copy_L{
			top: 24vh !important;
			}
	
			#infoScr{
    		    left: 1vw;
    font-size: 1.67vw;
    height: 53.8vh;
    top: 10.3vh;
			}

	
		}
 
	 	@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
 			#ap0{
     		/* left: -1.2vw;*/
     		 margin-top: 2vh;
  			}
 		
 		#helpScreen{
  		  		    width: 94%;
    			font-size: 0.7em;

  		  		}	
  		  		
			#present_container {
   			 /*  background-color: red;*/
  			}
  			
  			
			#present_container{
	    	width: 135vmin;
	    	top:9.75vh;
	   		 left: -2vh;
			}
		
			.displayViewer_L{
			top: 1.5vh;
			}

			.present_copy_L{
			top: 28vh !important;
			}
	
			#infoScr{
    		     left: 1vw;
    font-size: 1.65vw;
    height: 46.5vh;
    top: 11.5vh;
			}
			
			
	}

  }
  
/*****************************************************LANDSCAPE BREAK****************/


@media only screen 
  and (min-width: 1400px) 
  {
  
   #start_container{
/*margin-left:2%;*/
}
  
  #helpScreen{
  padding-left:6%;
}


 #startPage{
  margin-top:-3%;
  }  
  
  #startmenu{
  margin-top:-1%;
  }
  
  #logo_ca{
    font-size: 1.9vw;
        margin-top: 0.75vw;
  }
  
   #textmenu{
  	    font-size: 1.12vw !important;
    margin-top: 0.45vw;
    width: 81.9vw !important;
    margin-right: 1vw;
    float: right;
  }
  
  #linkmenu{
  width:20vw;
  }

#helpScreen{
      top: 3%;
    font-size: 0.7em;
    width: 91%;

}	
  		  		
.linkimgs{   
	width: 48px;
    margin-top: 0px;
    margin-left: 0px;
}
 
  .linkdots{
       width: 2.93vw;
    height: 1.1vw;
}

  #pspl, #sub_pspl{
    width: 2.3vw;
     margin-top:0vh;
} 

#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
    width: 1.1vw !important;
    height: 86vh !important;
	}
	
	#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.1vw;
}
	.arrimgs {
    width: 14px;
}

	
		  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 3.7em !important;
}

.smFBK{
    font-size: 2.2em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/

		@media only screen 
  		and (max-aspect-ratio: 141/100) {
  		  			
  			#present_container {
    		/* background: yellow;*/
  			}
  			
  			 #ap0{
 			/* left: 4.8vw;*/
  			}
  			
  			#present_container{
	   		    width: 90vw;
    			top: 14.25vh;
   				 left: -2vh;
				}

			.displayViewer_L{
			top: 3vh;
			}
			
			.present_copy_L{
			top: 26vh !important;
			font-size: 3.5vh !important;
			}
	
			#infoScr{
       		    left: 1vw;
    font-size: 1.75vw;
    height: 54.7vh;
    top: 10vh;
			}
  			
		}
		
		
		@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			  /* background-color: red;*/
  			}
  			
  			 #ap0{
 			/* left: 4.8vw;*/
  			}
  			
  			#present_container{
	   		width: 134vmin;
	  		top:10.25vh;
	    	left: -2vh;
			}

			.displayViewer_L{
			top: 1.5vh;
			}
			
			.present_copy_L{
			top: 26vh !important;
			font-size: 3.5vh !important;
			}
	
			#infoScr{
       		 left: 1vw;
    font-size: 1.65vw;
    height: 49.7vh;
    top: 11vh;
			}
  		}
	
  }
  
  
/*****************************************************LANDSCAPE BREAK****************/
  
 @media only screen 
  and (min-width: 1900px)  {
  
  #startPage{
  margin-top:-5.5%;
  }  
  
  #startmenu{
  margin-top:-2%;
  }
  
  .bkgd_imgs_base{
    border-left-width: 1.38em !important;
    border-right-width: 1.40em  !important;
    border-top-width: 0.79em  !important;
    border-bottom-width: 0.79dem !important;
	}
	

#pspl, #sub_pspl{
    width: 2.15vw;
}

.linkimgs{   
   width: 32px;
    margin-top: 4px;
    margin-left: 2px;
}
 
  .linkdots{
       width: 2.23vw;
    height: 1.1vw;
}

  #pspl, #sub_pspl{
    width: 2.3vw;
    margin-top:-0.5vh;
} 
.linkimgs{   
   width: 48px;
    margin-top: 4px;
    margin-left: 3px;
}


.linkimgs_sub {
    width: 2.85vw;
/*margin-top: 10px;
    margin-left: 6px;*/
}

#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
    width: 1.05vw !important;
    height: 86vh !important;
	}

#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.05vw;
}

.arrimgs {
    width: 16px;
}

#nx, #snx{
margin-left:2px;
}

#helpScreen{
       top: 10vh;
    font-size: 0.7em;
    width:86%;
    margin-top: -4vh;
    padding-left:7.5%;
}	

#setupHeaders {
    font-size: 4.25em;
    padding-top: 0.4%;
}

.hNav {
    margin-top: -0.4%;
    font-size: 0.9em;
    font-size: 2.4em !important;
}
  		  		
.linkimgs{   
	width: 48px;
    margin-top: 0px;
    margin-left: 0px;
}
 
  .linkdots{
       width: 2.93vw;
    height: 1.1vw;
}

#hTable3 {
    margin-left: 0.25%;
    }
    
    		  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 5.7em !important;
}

.smFBK{
    font-size: 4.2em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/
    
		@media only screen 
  		and (max-aspect-ratio: 141/100) {
  		  			
  			#present_container {
    		 /* background: yellow; */
  			}
  			
  			 #ap0{
  			/* left: 1.2vw;*/
  			}  
			
			#present_container{
	   		width: 90vw;
	  		top:11.25vh;
	    	left: -2vh;
			}

			.displayViewer_L{
			top: 3.5vh;
			}
			
			.present_copy_L{
			top: 25vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			    left: 1vw;
    font-size: 1.9vw;
    height: 53.5vh;
    top: 10.5vh;
			}
			
		}
		
		
		@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			/* background-color: red;*/
  			}
  			
  			 #ap0{
  			/* left: 0.2vw;*/
  			}  
			
			#present_container{
	   		    width: 144vmin;
    			top: 9.25vh;
   			 left: -2vh;
			}

			.displayViewer_L{
			top: 1.5vh;
			}
			
			.present_copy_L{
			top: 28vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			left: 1vw;
    		font-size: 1.6vw;
   			height: 46.5vh;
    		top: 11.5vh;
			}
			
  		}
 
  } 
  
  /******************************************************LANDSCAPE BREAK***************/  
  
 @media only screen 
  and (min-width: 2500px)  {


	.bkgd_imgs_base{
    border-left-width: 2.8em !important;
    border-right-width: 2.8em !important;
    border-top-width: 1.5em !important;
    border-bottom-width: 1.5em !important;
	}

#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
    width: 1.2vw !important;
    height: 86vh !important;
	}

#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.2vw;
}	
	.arrimgs {
    width: 25px;
}

#nx, #snx{
margin-left:2px;
}

#bk, #sbk {
    margin-left: 2.7px;
}

  #pspl, #sub_pspl{
    width: 2.3vw;
    margin-top:0vh;
} 
.linkimgs{   
       width: 2.4vw;
    margin-top: 0.5vh;
    margin-left: 2px;
}


.linkimgs_sub {
          width: 3.5vw;
}

#helpScreen{
        top: 10.5vh;
    font-size: 0.7em;
    width: 84%;
}	


 #startmenu{
  margin-top:-1%;
  }
  
  
  
  		  		
.linkimgs{   
	width: 74px;
    margin-top: 0px;
    margin-left: 7px;
}
 
  .linkdots{
       width: 2.93vw;
    height: 2.93vw;
}

#hTable3 {
    margin-left: 0.25%;
    }

		  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 10.5em !important;
}

.smFBK{
    font-size: 6.3em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/
@media only screen 
  		and (max-aspect-ratio: 141/100) {
  		  			
  			#present_container {
    		 /* background: yellow; */
  			}
  			
  			 #ap0{
  			 /*left: 2vw;*/
  			} 
  			
  			#present_container{
	   		   width: 87vw;
 		   top: 14.25vh;
  			  left: 0vh;
			}
			
			.displayViewer_L{
			top: 1.5vh;
    left: 6vw;
			}
			
			.present_copy_L{
			top: 22vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			left: 1vw;
    font-size: 1.7vw;
    height: 55.5vh;
    top: 9.5vh;
			}

		}		
		
		@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			/*   background-color: red;*/
  			}
  			
  			 #ap0{
  			/* left: 2vw;*/
  			} 
  			
  			
  			#present_container{
	   			    width: 82vw;
   				 top: 7.5vh;
   				 left: -1.5vw;
			}

			.displayViewer_L{
			top: 1.5vh;
			}
			
			.present_copy_L{
			top: 29vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			left: 1vw;
    		font-size: 1.6vw;
   			height: 46.5vh;
    		top: 11.5vh;
			}
  		}

  } 



}
/******************************************************LANDSCAPE BREAK***************/  
  
 @media only screen 
  and (min-width: 3840px)  {

/* IS 4K*/
#setupHeaders {
    font-size: 8.25em;
    padding-top: 0.35%;
}

.hNav {
    margin-top: -0.25% !important;
    font-size: 0.9em;
    font-size: 4.4em !important;
}

#logo_helppgs {
    margin-top: -1.2%;
    width: 11% !important;
    margin-left: -1%;
}

#helpScreen {
    top: 9.5vh;
    font-size: 0.7em;
    width: 96%;
    padding-left: 4.5%;
}

 #startmenu{
  margin-top:-3%;
  }
  
  #startPage{
  margin-top:-6%;
  }


	.bkgd_imgs_base{
    border-left-width: 3.84em !important;
    border-right-width: 3.84em !important;
    border-top-width: 2em black !important;
    border-bottom-width: 2em !important;
	}

#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
    width: 1.2vw !important;
    height: 86vh !important;
	}

#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
    padding-top: 40vh;
    width:1.2vw;
}	
	.arrimgs {
    width: 36px;
}

#nx, #snx{
margin-left: 5.5px;
}

  		  		
.linkimgs{   
	width: 98px;
    margin-top: 6px;
    margin-left: 15px;
}
 
  .linkdots{
       width: 2.93vw;
}

#hTable3 {
    margin-left: 0.25%;
    }
    
  			#ap0{
  			/* left: 1vw;*/
  			 top: -14%;
	margin-top: -1.5%;
  /*  margin-left: -1%;*/
  			} 
  			
  					  /*ARCHIVE CSS FONTSIZES*/  
    
    .arcClose{
font-size:2.3em !important;
}


.arcLauncher{
    font-size: 2.3em !important;
}

.arcClose{
font-size:2.3em !important;
}

.folders{
    font-size: 14.5em !important;
}

.smFBK{
    font-size: 8.3em !important;    
    }

.ingredients{
font-size:0.5em !important;
}

/* END ARCHIVE CSS*/

@media only screen 
  		and (max-aspect-ratio: 141/100) {
  		  			
  			#present_container {
    		/*  background: yellow; */
  			}
  			
  			#present_container{
	   		    width: 89vw;
    			top: 13.25vh;
    			left: -3vh;
			}
			
			.displayViewer_L{
			top: 1.5vh;
			}
			
			.present_copy_L{
			top: 22vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			left: 1vw;
    font-size: 1.6vw;
    height: 54.5vh;
    top: 9.5vh;
			}
			
		}		
		
		@media only screen 
  		and (min-aspect-ratio: 141/100) {
 		
			#present_container {
   			 /*  background-color: red;*/
  			}
  			
  			#present_container{
	   		    width: 81vw;
 			   top: 11.25vh;
    			left: -2.5vw;
			}

			.displayViewer_L{
			top: 0.5vh;
			}
			
			.present_copy_L{
			top: 26.5vh !important;
			font-size: 3.5vh !important;
			}
			
			#infoScr{
			left: 1vw;
    font-size: 1.6vw;
   height: 47.5vh;
    top: 11vh;
			}
  	}

  } 
}

    
/*******************************BREAKPOINTS**************************************************/    
    
    /*NOTE: OVERRIDE STYLES NEED MEDIA OVERRIDE ON INDIV CSS PAGES*/
    
      /********************************************************************* PORTRAIT BREAKS***/
  
  
   @media (orientation: portrait){
  div {
    /*  background-color: red; */ 
    
  }
}

@media (orientation: portrait){

.sTitle, .sTitle2{
      font-family: 'Norwester';
font-size: 0.7em !important;
 }
 
 #init_container{
 width:50% !important;
 margin-left:0%;
 font-size:	1.0em;
 }


 #startmenu{
    line-height: 26px;
    /*width: 20%;*/
      /*  padding-left: 9.5%;*/
    /*margin-left: 35%;
    margin-right: 20%;*/
        display: block;
        clear:both;
       /* border: 3px solid red;*/
        padding-top:5%;
    }
    
   
    .startmenuItems
    {display: block;
    padding-bottom: 10%;
    position: relative;
  /*  padding-right: 0%;
    margin-left:-18%;*/
    }
    
   #start_container{
	    display: block;
    position: relative;
    top: 5%;
       /* left: -13.5vh;*/
        }
        

    
    #logo_ca{
    margin-top:-5.5%;
    }
    




	#helpScreen{
	   top: 3vh;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: -5%;
		font-size:1.35em !important;
		width:50%
}

#setupHeaders{
font-size: 1.7em !important;
padding-top:1.7%;
}



#logo_helppgs{
margin-top:-0.5%;
}

.hNav{
margin-top:1.5%;
font-size:0.9em;
}


#logo{
padding-top:2% !important;
margin-left: 1% !important;
}


#archive_title {
    /* margin-left: -3px; */
    width: 74%;
}
    
 	@media only screen 
 		 and (min-width: 400px) 
	{
 		
 		.copy_y_lg {
  		font-size: 9.5vh;
		}
    
    	.copy_bk_sm {
    	font-size: 2.5vh;
    	}
    	
    	 	
    .copy_bk_ssm {
    font-size: 1.45vh;
    }
    	
    .copy_bk_hsm {
    font-size: 0.8em;
    }
    
    
    #present_container {
   			 /*  background: purple; */
   			 
  			}
  			
  			#ap0{
     		 /*left: 3vh;*/
     		 font-size:0.85em;
  			}
  			
  			#archive_title{
  			font-size: 4.5em;
  			}
  			
  			
  			#present_container{
			    top: 11.5vh;
  			    left: -3vh;
   	 			width: 127vmin;
			}
	
			.displayViewer_L{
    		width: 100% !important;
			top: 3.5vh;
			}
    
			.present_copy_P {
    		position: absolute !important;
    		top: 86% !important;
   			 left: 20% !important;
   			 width: 100% !important;
    			z-index: -1;
    			    font-size: 0.71em !important;
				}
				
				 #responder {
   				 font-size: 1em;
				}

			#infoScr{
			left: 1vw;
			
    	font-size: 1em;
    padding-bottom: 25%;
    
			height: 54.5vh;
			top: 10vh;
			}
			
		#bkclick, #nxclick, #sub_bkclick, #sub_nxclick{
		padding-top: 40vh;
    	width: 4vw;
		}

		.linkdots{
		width: 3.61vh;
		height: 1vh;
		}

		.linkimgs{   
		width: 23px;
		margin-top: 4px;
 	   margin-left: 5px;
		}

		#pspl, #sub_pspl{
		width: 4.5vh;
		}

		#menu_container {
		padding-left: 50%;
		padding-top: 12%;
		}

		#nx_arr, #bk_arr, #sub_nx_arr, #sub_bk_arr{
   		width: 2.3vh !important;
    	height: 86vh !important;
		}
	
		#nx, #snx{
		margin-left: 0px;
		}


		
		
	@media only screen 
 		 and (min-width: 600px) 
	{
	#startmenu{
	}
	
	#logo{
padding-top:1.3% !important;
margin-left: 1% !important;
}


	#helpScreen{
	   top: 3vh;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: -5%;
		font-size:1.35em !important;
		width:50%
}

#setupHeaders{
font-size: 1.7em !important;
padding-top:1.7%;
}

#startmenu{
width:66%;
margin-top: -0.5%;
}



#logo_helppgs{
margin-top:-0.5%;
}

.hNav{
margin-top:1.5%;
font-size:0.9em;
}

}	

@media only screen 
 		 and (min-width: 700px) 
	{
	
	#helpScreen{
	   top: 3vh;
    margin-left: 13%;
    margin-right: 13%;
    margin-top: -2%;
		font-size:1.75em !important;
		width:55%
}

#setupHeaders{
font-size: 2.7em !important;
padding-top:0.7%;
}

#startmenu{
width:56%;
margin-top: -0.5%;
}




#logo_helppgs{
margin-top:0%;
}

.hNav{
margin-top:1.5%;
font-size:0.9em;
}


	}
		
	}