/****************************************************************************/
/* NOTE: This file is duplicated in all translations of Palouse Mindfulness */
/*       IF CHANGES ARE MADE                                                */
/*           (1) COPY TO /actual, /english, /es, /it, etc.)                 */
/*           (1) THEN *** TEST *** (unless want to orphan that version)     */
/****************************************************************************/
.phone-only {			
	display: inline;	/* Execute EVERYTHING in this class */
}

.tablet-only {	
	display: none;		/* DO NOT to execute anything in this class */
}

.tablet-and-smaller {
	display: inline;	/* Execute EVERYTHING in this class */
}

.tablet-and-larger {
	display: none;		/* DO NOT to execute anything in this class */
}

.laptop-and-larger {
	display: none;		/* DO NOT to execute anything in this class */
}

.desktop-only {	
	display: none;		/* DO NOT to execute anything in this class */
}

#wrapper {				/* Basic page... */
	width: 100%;		/* This is different than default (larger) viewport, which has it fixed at 950px */
}

#bannertop_left_lang {	/* 	bannertop_left_lang is defined in _view1_main, nothing needs to be changed. */			
	width: 80%;	
}						/* background-color: #203769 is still fine. */

#bannertop_middle1 {	/* 	bannertop_middle1 is defined in _view1_main, nothing needs to be changed. */			
	width: 20%;	
}						/* background-color: #1f3566 is still fine. */

#bannertop_middle2 {			/*   Same as _view1_main, except background-color has changed to be the  */		
	width: 0%;	
	background-color: #1f3566; 	/* the same as middle1 because the banner graphic has "slid" to the left */
}

#bannertop_right {				/*   Same as _view1_main, except background-color has changed to be the  */
	width: 0%;	
    background-color: #1f3566; 	/* the same as middle1 because the banner graphic has "slid" to the left */
}

#banner_title {	  /* Main title graphic, 85px high for tablet and phone viewports so more proportional  */
	width: 100%; /* Holds the "Palouse Mindfulnesss" title */
	height: 85px;
	clear:both;		/* puts image on next line without regard to float:right or float:left */
}

#left_menu {		/* No 1st column for left_menu. */
	display:none;
}

#middle_text {		/* 2nd column - main content. */
	width: 70%;		/* larger for tablet than main or laptop viewport. */
}					/* Inherits all other attributes from _view1_main.css */

#middle_text {		/* 2nd column - main content. */
	width: 90%;		/* larger for phone than any of the larger viewports. */
}					/* Inherits all other attributes from _view1_main.css */

.quotes_wrapper {	/* No 3rd column for quotes. */	
	display: none;
}