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

    /* Masthead */
    #masthead  {
		
    
    text-align:center;
	 		height: 100%;
			width: 380px;
	 		background-image: url('../images/layout/winelabelapprovalsmaskhead.jpg');
	 		background-size: auto 311px;
    		background-position: center; 
    		    		 background-repeat: no-repeat;

	 		border-top: 4px solid #CC9933;
				 		border-bottom: 4px solid #CC9933;

	 		padding-top: 15px;
    
	
	
    }
    
    /* For Chateau La Grange Clinet Logo and Banner */
    .mobileimage  {
   				
   			  margin: auto;
   			  max-width: 100%;
   			  max-height: 100%;

	
	}		
    			
   
    
    
    /* 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: 2px solid #CC9933;
    		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);
	background-image: -webkit-linear-gradient(top, #890823, #e4201b);
  background-image: -moz-linear-gradient(top, #890823, #e4201b);
  background-image: -o-linear-gradient(top, #890823, #e4201b);
  background-image: linear-gradient(to bottom, #890823, #e4201b);		
			
    }
  
  
/* CSS for Menu, making the mobile text bigger */ 
    .menu {
    	
			font-family: "selina";
			font-size: 35px;
			text-align: "center";
	 		height: auto;
			width: 125%;
			
	}
    
    
/* Bullet Point for "Header Description" */    
    .bulletpoints {
			
			font-family: "allura";
			font-weight: bold;
			font-size: 25px;
		    color: red;
			text-align: center;
			padding-top: 40px;

		
	}
	
	
	.bulletpoints2 {
		
			font-family: "allura";
			font-size: 35px;
			color: white;
			 text-shadow: 2px 2px 4px #000000;
			text-align: center;
			padding-top: 20px;
			 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;
		
	}
    .tagline {
		     background: rgba(76, 175, 80, .5);
			font-family: "allura";
			font-weight: bold;
			font-size: 24px;
			color: white;
			 text-shadow: 2px 2px 5px #000000;
			text-align: center;
			padding-top: 10px;
	}	
/* Text Block Formatting */    
    
    .textblock {
			
			height: auto;
			width: 100%;
			padding-left: 30px;
			font-size: 20px;
			    font-family: "palatino";

			background-color: #fff;
			padding-right: 30px;
			border-radius: 25px;
			padding-bottom: 20px;
		
		 	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%;
}