@media (min-width: 300px) {
	
.alternaterow {background-color: #FFCC33;}

body {font-family: Arial, Helvetica, sans-serif;
      font-size: 100%;
	 }
	
#both {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /* page 220 */

		
#gallery {display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		
		}


header {background-image: url(logo.jpg);
		background-repeat: no-repeat;
		padding-left: 540px; padding-top: 30px;
		border-radius: 15px;
	    text-shadow: 3px 3px 3px #828282;
		font-style: italic;
		line-height: 400%;
		text-transform: uppercase;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		
header a {text-decoration: none;}
header a:link {color: #993300;}
header a:visited {color: #003399;}
header a:hover {color: #993300;}
		
img {margin: 1em;
	box-shadow: 10px 10px #777;
	border: 1px solid #66CC33;}
		
.center {background-image: linear-gradient(to bottom, #FFFFFF, #FF9900);
	    padding: 2em;
		margin-left: auto; margin-right: auto;
		width: 80%;
		min-width: 800px;
		box-shadow: 5px 5px 5px #828282;
		text-align: justify; text-justify: inter-word;
		}

#contact{float: left; font-size: 90%; clear: both;}

fieldset {border-color: #66CC33; width: 360;
		float: left; margin: auto;
		
		}
		
legend {font-weight: bold;}

form {width: 350px; padding:10px}

label {float: left; clear: left; display: block;
		width: 100px; padding-right: 10px;
		margin-top: 10px; text-align: right;
		}
		
input {display: block; margin-top: 10px;}

textarea {display: block; margin-top: 10px}

#mirage {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /*page 220 */
		
#middle {display: block; 
		width: 43%;
		margin-left: auto; margin-right: auto;
		}

nav {background-color: #66CC33;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 0.05em;
	 
	}
	
nav a:link {color: #993300;}
nav a:visited {color: #003399;}
nav a:hover {color: #993300;}
		
nav li {display: inline;}

ol, ul {list-style-image: url(logo.gif);}


table {text-align: center; padding: 5px; border: 1px solid #66CC33;}

#table2 {text-align: left; padding: 5px; border: 1px solid #66CC33;}


footer {font-size: 75%;
       font-style: italic;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       padding: 1em; 
	   clear: both;
       }
	   
#flow1 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}
		
#flow2 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", serif;}

#multiplehands { float: right; 
				margin: 0 0 20px 20px;}


		
#vid {float: left; margin: 0 0 5px 5px;}
		  
video {padding-left: 20px; padding-bottom: 20px;
	width: 100%; height: auto; max-width: 320px;}  

#wheel { float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33; 
		}		  /*page 220 */
		
}


@media (min-width: 600px) {
	
.alternaterow {background-color: #FFCC33;}

body {font-family: Arial, Helvetica, sans-serif;
      font-size: 100%;
	 }
	
#both {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /* page 220 */

		
#gallery {display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		
		}


header {background-image: url(logo.jpg);
		background-repeat: no-repeat;
		padding-left: 540px; padding-top: 30px;
		border-radius: 15px;
	    text-shadow: 3px 3px 3px #828282;
		font-style: italic;
		line-height: 400%;
		text-transform: uppercase;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		
header a {text-decoration: none;}
header a:link {color: #993300;}
header a:visited {color: #003399;}
header a:hover {color: #993300;}
		
img {margin: 1em;
	box-shadow: 10px 10px #777;
	border: 1px solid #66CC33;}
		
.center {background-image: linear-gradient(to bottom, #FFFFFF, #FF9900);
	    padding: 2em;
		margin-left: auto; margin-right: auto;
		width: 80%;
		min-width: 800px;
		box-shadow: 5px 5px 5px #828282;
		text-align: justify; text-justify: inter-word;
		}

#contact{float: left; font-size: 90%; clear: both;}

fieldset {border-color: #66CC33; width: 360;
		float: left; margin: auto;
		
		}
		
legend {font-weight: bold;}

form {width: 350px; padding:10px}

label {float: left; clear: left; display: block;
		width: 100px; padding-right: 10px;
		margin-top: 10px; text-align: right;
		}
		
input {display: block; margin-top: 10px;}

textarea {display: block; margin-top: 10px}

#mirage {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /*page 220 */
		
#middle {display: block; 
		width: 43%;
		margin-left: auto; margin-right: auto;
		}

nav {background-color: #66CC33;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 0.05em;
	 
	}
	
nav a:link {color: #993300;}
nav a:visited {color: #003399;}
nav a:hover {color: #993300;}
		
nav li {display: inline;}

ol, ul {list-style-image: url(logo.gif);}


table {text-align: center; padding: 5px; border: 1px solid #66CC33;}

#table2 {text-align: left; padding: 5px; border: 1px solid #66CC33;}


footer {font-size: 75%;
       font-style: italic;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       padding: 1em; 
	   clear: both;
       }
	   
#flow1 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}
		
#flow2 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", serif;}

#multiplehands { float: right; 
				margin: 0 0 20px 20px;}


		
#vid {float: left; margin: 0 0 5px 5px;}
		  
video {padding-left: 20px; padding-bottom: 20px;
	width: 100%; height: auto; max-width: 320px;}  

#wheel { float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33; 
		}		  /*page 220 */
		
}


@media (min-width: 1024px) {
	
.alternaterow {background-color: #FFCC33;}

body {font-family: Arial, Helvetica, sans-serif;
      font-size: 100%;
	 }
	
#both {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /* page 220 */

		
#gallery {display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		
		}


header {background-image: url(logo.jpg);
		background-repeat: no-repeat;
		padding-left: 540px; padding-top: 30px;
		border-radius: 15px;
	    text-shadow: 3px 3px 3px #828282;
		font-style: italic;
		line-height: 400%;
		text-transform: uppercase;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		
header a {text-decoration: none;}
header a:link {color: #993300;}
header a:visited {color: #003399;}
header a:hover {color: #993300;}
		
img {margin: 1em;
	box-shadow: 10px 10px #777;
	border: 1px solid #66CC33;}
		
.center {background-image: linear-gradient(to bottom, #FFFFFF, #FF9900);
	    padding: 2em;
		margin-left: auto; margin-right: auto;
		width: 80%;
		min-width: 800px;
		box-shadow: 5px 5px 5px #828282;
		text-align: justify; text-justify: inter-word;
		}

#contact{float: left; font-size: 90%; clear: both;}

fieldset {border-color: #66CC33; width: 360;
		float: left; margin: auto;
		
		}
		
legend {font-weight: bold;}

form {width: 350px; padding:10px}

label {float: left; clear: left; display: block;
		width: 100px; padding-right: 10px;
		margin-top: 10px; text-align: right;
		}
		
input {display: block; margin-top: 10px;}

textarea {display: block; margin-top: 10px}

#mirage {float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33;
		position: relative;
		}  /*page 220 */
		
#middle {display: block; 
		width: 43%;
		margin-left: auto; margin-right: auto;
		}

nav {background-color: #66CC33;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 0.05em;
	 
	}
	
nav a:link {color: #993300;}
nav a:visited {color: #003399;}
nav a:hover {color: #993300;}
		
nav li {display: inline;}

ol, ul {list-style-image: url(logo.gif);}


table {text-align: center; padding: 5px; border: 1px solid #66CC33;}

#table2 {text-align: left; padding: 5px; border: 1px solid #66CC33;}


footer {font-size: 75%;
       font-style: italic;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       padding: 1em; 
	   clear: both;
       }
	   
#flow1 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}
		
#flow2 {display: block; 
		width: 60%;
		margin-left: auto; margin-right: auto;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", serif;}

#multiplehands { float: right; 
				margin: 0 0 20px 20px;}


		
#vid {float: left; margin: 0 0 5px 5px;}
		  
video {padding-left: 20px; padding-bottom: 20px;
	width: 100%; height: auto; max-width: 320px;}  

#wheel { float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #66CC33; 
		}		  /*page 220 */
		
}