/* CSS Layout for Mobile, Android and Windows Mobile Platform */
	
	/* Body */   
	body { 
    		background-color: #2f2f2f;
    		
	}
	
	
	/* ------------ For Header Module -------- */

    /* Masthead */
    #masthead  {
		
	 		text-align:center;
	 		padding-top: 15px;
			width: 100%;
			height: auto;
	 		background-image: url('../images/layout/winelabelapprovalsmaskhead.jpg');
    		background-size:100%  100%;
    		background-position: center; 
    		    		 background-repeat: no-repeat;
			
	 		border-top: 3px solid #e7b923;
	}
    
    
    /* CSS for Banner in Header */
    .banner   {
			 
			 text-align:center;
			 height: 40%;
			 width: 40%;
			
			 background-repeat: no-repeat;

    		 background-position: center; 
			 					 			
	}
	
	
    
    
    /* For Chateau La Grange Clinet Logo and Banner */
    .mobileimage  {
   				
   			  margin: auto;
   			  max-width: 100%;
   			  max-height: 100%;

	}
    			
    			
    /* Do Not Display Block for entire web site in desktop mode */		
    not(span) {
   			
   			display: block;
	}	
    
    
    /* CSS for Menu, please note block to make the menu vertical with radius to create rounded buttons */
    .menucat {
    	
    		display: block;
    		margin-top: 7px;
    		padding-top: 12px;
    		padding-bottom: 9px;
			background-color: #890823;
    		text-align: center;
    		border: 3px solid #e7b923;
    		border-radius: 15px;
			-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.4);
			
			
    }
  
  
/* CSS for Menu, making the mobile text bigger */ 
    .menu {
    	
			font-family: "stripes", Times, serif;
			font-size: 35px;
			text-align: "center";
	 		height: auto;
	}
    
    
/* Bullet Point for "Header Description" */    
    .bulletpoints {
			
			
			font-family: "allura";
			font-weight: bolder;
			font-size: 25px;
		    color: red;
			text-align: center;
			padding-top: 10px;

		
	}
    .bulletpoints2 {
		
			font-family: "allura";
			font-size: 25px;
			color: white;
			 text-shadow: 2px 2px 4px #000000;
			text-align: center;
			 background: rgba(0, 0, 0, 0.3) none;
	}
/* Centering images in mobile viewport */   
    .showcaseimg {
		
			display: block;
			margin-left: auto;
			margin-right: auto;	
			border-radius: 5px;
			margin-bottom: 20px;
			 max-width: 100%;
   			  max-height: 100%;
		
	}
    
/* Text Block Formatting */    
    
    .textblock {
			
			text-align: center;
			font-size: 25px;
			    font-family: "thin";

			background-color: #fff;
			padding-right: 10px;
			padding-left: 10px;
		
		 	background-image: url('../images/layout/pattern2.jpg');
    		background-repeat: repeat;
    		background-attachment: fixed;
    		background-position: center; 
		-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.4);
		}	

/* Footer Formatting */    
	
	.footer {
		
			font-family: "palatino";
			font-size: 20px;
			background-color: #3c3c3b;	
		
	 }
	
/* Copyright Formatting */
	
	.copyright {
		
			text-align:center;
			color: white;
		
	}
    
    
.mobileimage {
		
		text-align:center;

		
		
	}

.centeredimage {	
	
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 80%;
   	max-height: 80%;
}