.box {
    width: min(50vw, 500px); /* The box will be at most 500px but shrink if the viewport is smaller */
}

.box {
    width: max(200px, 10vw); /* Ensures the box is at least 200px wide */
}

.box {
    font-size: clamp(1rem, 1vw + 1rem, 18px); /* Font size stays between 16px and 32px */
clamp(14px, calc(1vw + 1rem),18px);

}

.responsive{
	max-width: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	color: #333333;
	text-decoration: none;
}

.container {
display: flex;
flex-direction: column;
align-items: center;
font-size: clamp(1rem, 1vw + 1rem, 24px); /* Font size stays between 16px and 24px */
max-width:600px;
min-width:250px;

}
.item {
height: auto;
margin-bottom: 10px;
}


P {
max-width:65ch
margin-top: 1.em;
	margin-bottom: 1em;
	text-transform: none;
	font-size: clamp(14px, 2vw ,17px);
	font-stretch: semi-expanded;
	font-family: Arial, Helvetica, sans-serif;
}

.text{
font-family:Arial,sans-serif;
font-size:1em;
line-height: 1.5em;
font-variant:normal;

}
video {
  max-width: 600px;
  min-width: 200px;
  height: auto;
  height: auto;
}
	.img {
	max-width: 600px;
	min-width:150px
	float: left;
	padding:1px;
	clear: both;
	margin: 8px;
	padding-bottom: 8px;
}	
	
	.caption {
	display: block;
	font-weight: normal;
	margin-top: 10px;
	text-align: center;
	vertical-align: bottom;
	bottom: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}	
.img-container {
    max-width: 550px;
	min-width: 200px;	
	aspect-ratio: 16 / 9; /* Maintains a 16:9 aspect ratio */
	padding:0;
	margin:0;
	box-sizing: border-box;	
}	
.times16Black {
	font-size: 16px;
	font-style: normal;
	line-height: 1.5;
	color: #333333;
	text-decoration: none;
}	
	table{
	display: table;
	table-border:0px;
	border-collapse: collapse;
	table-width:900px;
	list-style: solid;
	border: thin none #000000;
	font-family: Times;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	text-transform:none
	top: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
}
.arialblack16 {
	font-family:  "Arial";
	font-size: 16px;
	align: left;
	spacing-after: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
}
.arialnavigation16 {
	font-family: "Arial";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	width: auto;
	height: auto;	
}
.ArialSmallLinkBrick16 {
	font-family:  "Arial";
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #993300;	
}
.arialSmallLinkBlack16 {
	font-family: "Arial";
	font-size: 1em;
	font-style: normal;
	line-height: 1.2;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;	
}
.textarial {
	font-family: "Aria", "Helvetica", "sans-serif";
	font-size: 1em;
	font-style: normal;
	line-height: 1.5;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	letter-spacing: normal;
	word-spacing: normal;
	height: auto;
	top: auto;
}	
.newslist {
	font-family: "Aria", "Helvetica", "sans-serif";
	font-size: 1em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	letter-spacing: normal;
	word-spacing: normal;
	height: auto;
	top: auto;
	font-stretch: semi-expanded;
	display: inline;
}	
.nutgraph17 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.5px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;	
}
.arialsloganBrick17 {
	font-family: "Arial";
	font-size: 1.2em;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	color: #993300;
	text-decoration: none;	
}
.arialdrkgray17 {
	font-family:  "Arial";
	font-size: 1.2em;
	align: left;
	spacing-after: 17px;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #663333;
	text-decoration: none;
	font-stretch: semi-expanded;
	letter-spacing: normal;
	vertical-align: top;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
}
.arialstoryBlack17{
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	line-height: 1.5;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin-top: 0px;
	font-stretch: normal;
	letter-spacing: 1.1px;
}
.arialSmallLinkBrick17 {
	font-family: "Arial";
	font-size: 18px;
	font-style: bold;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #993300;	
	text-decoration: none;
}
.arial18orange {
	font-family: "Arial";
	font-size: 1.7em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;	
}
.arial18grayNav {
	font-family: "Arial";
	font-size: 1.7em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.arialdrkgray18 {
	font-family:  "Arial";
	font-size: 1.7em;
	align: left;
	spacing-after: normal;
	font-style: normal;
	line-height: 1.6;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	font-stretch: normal;
	letter-spacing: normal;	
}
.arialTitle18Wht{
	font-family: "Arial";
	font-size: 1.7em;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;	
}
.arialstoryBlack20{
	font-family: "Arial";
	font-size: 1.9em;
	font-style: normal;
	line-height: 1.6;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	font-stretch: semi-expanded;
}
.arialTitleBlack20{
	font-family: "Arial";
	font-size: 1.9em;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: none;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
}
.arialTitleBlack20{
	font-family: "Arial";
	font-size: 1.9em;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.arialblack20 {
	font-family:  "Arial";
	font-size: 1.9em;
	align: left;
	spacing-after: normal;
	font-style: normal;
	line-height: 1.5;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-stretch: normal;
	
}
.arialRedBrick20 {
	font-family:  "Arial" ;
	font-size: 1.9em;
	align: left;
	spacing-after: 0px;
	font-style: italics;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}
.arialgreen20Reviews {
	font-family:  "Arial";
	font-size: 20px;
	align: left;
	spacing-after: 0px;
	font-style: italics;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: ##669900;
	text-decoration: none;
}
.times16black {
	font-family:  "Times New Roman";
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent: 0px;
	font-stretch: semi-expanded;
	word-spacing: normal;
	letter-spacing: normal;
	text-align: left;
}
.times16Grayblack16 {
	font-family:  "Times New Roman";
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #444444;
	text-decoration: none;
	text-indent: 0px;	
}
.timesDatelineBlack16 {
	font-family:  "Times New Roman" ;
	font-size: 1em;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.timeshyperlinks17 {
	font-family:  "Times";
	font-size: 1em;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003399;
	text-decoration: none;
}
.textarialstory17 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 1em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;	
}
.times18Gray{
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}	
.times18Gray{
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;	
}
.times18Black {
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
}

.TimesHead5Letters20px {
	font-family:  "Times New Roman" ;
	font-size: 1.2em;;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #0099CC;	
	text-decoration: none;		
}
.TimesHead1brick24 {
	font-family:  "Times New Roman" ;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #993300;
	text-decoration: none;	
}
.TimesHead1Regular28 {
	font-family:  "Times New Roman" ;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.TimesHead3TheLookout28 {
	font-family:  "Times New Roman";
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	background-color: #E5E5E5;	
}
.TimesHeadSML28{
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;	
}
.timesEXTRA28 {
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;			
}	
.TimesOrangeMed28 {
	font-family:  "Times New Roman";
	font-size: 1.2em;
	font-weight: 600;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #F23400;
	text-decoration: none;
	letter-spacing: 2px;
}
.TimesDrkGreenMed28 {
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #0033000;
	text-decoration: none;
}
.TimesHead1Bold28 {
	font-family:  "Times New Roman";
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;		
}
.TimesHeadFlagMed28 {
	font-family:  "Times New Roman" ;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.times4heading28 {
	font-family:  "Times New Roman";
	font-size: 1.2em;
	line-height: normal;
	font-weight: bolder;
	font-style: bold;	
	font-variant: none;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;	
}
.headline{
	font-family: "Times New Roman", "Times", "serif";
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	
}
.times28 {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
	text-transform: none;		
}
.times32Gray {
	font-family:  "Times New Roman" ;
	font-size: 2em;
	line-height: 1.7em;
	font-weight: normal;
	font-style: Italic;
	line-height: normal;
	text-transform: none;
	color: #cccccc;
	text-decoration: none;
		
}
.times32Black {
	font-family:  "Times New Roman" ;
	font-size: 2em;
	line-height: 1.7em;
	font-weight: normal;
	font-style: Italic;
	line-height: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;		
}	
.TimesHeadFlag42 {
	font-family:  "Times New Roman" ;
	font-size: 42px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;	
}
.TimesHeadFlag42Bold {
	font-family:  "Times New Roman";
	font-size: 42px;
	line-height: normal;
	font-weight: Bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	float: left;
	height: auto;
	vertical-align: super;
}
.TimesHeadSML42 {
	font-family:  "Times New Roman";
	font-size: 42px;
	font-style: normal;
	line-height: 42px;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;	
}
.TimesHeadSML42{
	font-family:  "Times New Roman";
	font-size: 42px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.sml42bold {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 42px;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;		
}
.TimesHeadFlag60Bold {
	font-family:  "Times New Roman" ;
	font-size: 60px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: expanded;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.verdanagreen {
	font-family:  verdana;
	font-size: 16px;
	align: left;
	spacing-after: 0px;
	font-style: bold;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #76C38F;
	text-decoration: none;
}
.verdana20BlackBold {
	font-family:  Verdana ;
	font-size: 20px;
	align: left;
	spacing-after: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;	
}
	table{
	display: table;
	table-border:0px;
	border-collapse: collapse;
	table-width:800px;
	list-style: solid;
	border: thin none #000000;
	font-family: Times;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	top: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);	
}
.cirle {
  height: 500px;
  width: 500px;
  border-radius: 50%;
  text-shadow: #999999;	
  
 
body {
margin:4px;
}

*,
*::before,
*::after {
  
}	
.flex-container {
	display: flex;
	flex-wrap: wrap;
	max-width:800px;
	min-width:400px;
	height:auto;
	flex-direction: column;
	align-items: center;
	padding:4px;
	}
.child {
  flex: 1 1 200px;
  min-width: 0; /* Important! */
}
.item {
  flex-grow: 1;
  height: 100px;
  margin-bottom: 10px;
}

.item + .item {
  margin-left: 2%;
}

.break-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

img,
video {
  max-width: 400px;
  min-width: 80%;
  height: auto;
}
	img {
	float: left;
	padding:1px;
	clear: both;
	margin: 0px;
	padding-bottom: 0px;
}	
.times16Black {
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.6;
	font-weight: lighter;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

.box {
    width: min(50vw, 500px); /* The box will be at most 500px but shrink if the viewport is smaller */
  	width: max(200px, 10vw); /* Ensures the box is at least 200px wide */
	font-size: clamp(16px, 2vw, 18px); /* Font size stays between 16px and 24px */
	align-items: center;
}
.responsive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}