/* maroon: #630031, orange: #cf4420 */

/***** all universal CSS (header buttons, dropdown, window dependency) *****/
		body {
			background-color: #1c1c1c;
			width: 100vw;
		}
		p {
			font-size: 20px;
			color: white;
		}
		td {
			color: white;
		}
		h1 {
			color: #cf4420;
			font-family: georgia;
			font-size: 50px;
		}
		th {
			padding: 1vw;
			font-size: 30px;
			border-right: 3px solid white;
		}
		.pages {
			display: table-row;
			margin-right: 2vw;
			float: right;
		}
		button.expand {
			display: none;
			font-size: 20px;
			font-weight: bold;
		}
		button.collapse {
			display: none;
			float: right;
			font-size: 20px;
			font-weight: bold;
		}
		
		/* used for weblanding */
		/* horizontal orientations */
		#img-wide {
			padding: 0px 0px 0px 40px;
			width: 400px;
			height: 300px;
		}
		/* vertical orientations */
		#img-long {
			width: 300px;
			height: 400px;
		}
		.tint {
			background-image:
				linear-gradient( /* <!-- give tint to image to make text better readable --> */
					rgba(0, 0, 0, .33),
					rgba(0, 0, 0, .33)
				),
				url("../IMG/Chickens_resized_1.jpg");
			padding: 0% 0% 5% 10%;
			height: 600px;
			
		}
		.pagedata {
			width: 80%;
			max-width: 1200px;
			margin: auto;
			float: center;
		}
		#second {
			padding: 30px;
			text-align: right;
		}
		
		/*  aspects for all button classes  */
		.button {
			border: none;
			background-color: inherit;
			padding: 14px 20px 10px 20px;
			font-size: 16px;
			cursor: pointer;
			display: inline-block; 
			white-space: nowrap; /*  puts text on one line, no split to next line  */
			color: white;
		}
	
		.button:hover {
			background-color: white;
		}
	
		/* dropdowns */
		#dropdown {
			display: none;
			background-color: #630031;
		}

		
		/* ** window sizing for buttons/content ** */
		/* <!-- small size -- ... adjusts to right side --> */
		/* tablet? */
		@media only screen and (max-width:800px) {
			.pages {
				display: none;
			}
			button.expand {
				display: block;
				float: right;
			}
		}
		

		/* account for mobile -- diff image */
		/* 'if size < 426' */
		@media only screen and (max-width: 426px) {
			.pages {
				display: none;
			}
			button.expand {
				display: block;
				float: right;
			}
			.tint {
				background-image:
				linear-gradient( /* <!-- give tint to image to make text better readable --> */
					rgba(0, 0, 0, .33),
					rgba(0, 0, 0, .33)
				),
				url("../IMG/whitebirds1.jpg");
				background-size: 120vw;
				width: 100%;
				height: 150vw;
			}
			#img-wide {
				padding: 0px;
				float: center;
				width: 100vw;
				max-width: 400px;
			}
			#img-long {
				padding: 0px;
				float: center;
				width:75vw;
				max-width: 300px;
				height: 100vw;
				max-height: 400px;
			}
			P {
				font-size: 5vw;
			}
			h1 {
				font-size: 10vw;
			}
			th {
				font-size: 5vw;
			}
			#pagedata {
				width: 100%;
			}
			#second {
				padding: 0px;
				text-align: center;
			}
		}
		
		/*
		*** account for landscape orientations? ***
		*/