:link { 
color : #008000; 
}
:visited { 
color : #c67240; 
} 
a:active { 
font-size : 11px; 
font-weight : bold; 
color : #ff9933; 
text-decoration : underline; 
}
a.c1,a.c1:link { 
text-align : left;
font-family : arial,helvetica,sans-serif;
font-size : medium;
color : #FFFF00;
font-weight : bolder;
}
a.c111,a.c111:link,a.c111:visited, a.c111:active  { 
text-align : left;
font-family : arial,helvetica,sans-serif;
font-size : 16px;
color : #FFFF00;
font-weight : bolder;
}
a.c7 { 
text-decoration : none; 
font-size : 12px; 
} 
a.c13 { 
text-decoration : none; 
font-size : 12px; 
margin-bottom : 1px; 
} 
a.c20,a.c20:link,a.c20:visited, a.c20:active  { 
text-align : left;
font-family : arial,helvetica,sans-serif;
font-size : 16px;
color : #008000;
font-weight : bolder;
}
a.h1 { 
font-family : bold Arial; 
font-size : 28px; 
color : #004000; 
text-decoration : underline;
}
a:hover { 
font-size : 11px; 
font-weight : bold; 
color : #ff9933; 
text-decoration : underline; 
} 
a:link { 
font-size : 11px; 
font-weight : bold; 
color : #339933; 
text-decoration : none; 
} 
a.nav:active { 
font-size : 16px; 
font-weight : bold; 
color : #ff9933; 
text-decoration : underline; 
margin : 5px; 
} 
a.nav:hover { 
font-size : 16px; 
font-weight : bold; 
color : #ff9933; 
text-decoration : underline; 
margin : 5px; 
} 
a.nav:link { 
font-size : 16px; 
font-weight : bold; 
color : #339933; 
text-decoration : none; 
margin : 5px; 
} 
a.nav:visited { 
font-size : 16px; 
font-weight : bold; 
color : #339933; 
text-decoration : none; 
margin : 5px; 
} 
a:visited { 
font-size : 11px; 
font-weight : bold; 
color : #339933; 
text-decoration : none; 
}
body { 
background-color : #ffffff; 
}
div.c3 { 
text-align : center; 
}
div.c6 { 
text-align : center; 
} 
div.c8 { 
text-align : left; 
} 
div.c31 { 
text-align : left; 
}
div.c37 { 
font-family : Arial; 
font-size : 80%; 
text-align : left; 
}
em.c22 { 
text-decoration : underline; 
} 
h1 { 
font-family : bold Arial; 
font-size : 18px; 
color : #004000; 
}
h1.c11 { 
text-align : center; 
}
h1.c17 { 
font-size : 80%; 
} 
h1.c20{ 
font-family : bold Arial; 
font-size : 18px; 
color : #004000; 
}

h2 { 
font-family : bold Arial; 
font-size : 14px; 
color : #004000; 
}
h2.c1 { 
color : #c67240; 
font-family : Arial; 
text-align : center; 
} 
h3 { 
font-family : bold Arial; 
font-size : 12px; 
color : #004000; 
font-style : italic; 
}
h3.c16 { 
font-family : Times New Roman; 
} 
h4 { 
font-family : bold Arial; 
font-size : 11px; 
color : #004000; 
font-style : italic; 
} 
hr { 
color : #008000; 
} 
img.c27 { 
border : 6px solid #339933; 
} 
li { 
font-family : Arial; 
font-size : 11px; 
color : #004000; 
} 
li.banner { 
font-weight : bold; 
font-size : 14px; 
color : #004000; 
margin : 5px; 
}

li.nav {
font-weight : bold; 
font-size : 14px; 
color : #004000; 
margin : 5px;
list-style: none;
display:inline;
}
li.navsub {
font-weight : bold; 
font-size : 16px; 
color : #004000; 
margin : 5px;
list-style: none;
display:list item;
text-align: left;
margin : 0px;
}


li.products {
text-align: left;
}


ol.c15 { 
font-weight : bold; 
} 
p { 
font-family : Arial; 
font-size : 11vw; 
color : #004000; 
}
p.c1 { 
text-align : left;
font-family : arial,helvetica,sans-serif;
font-size : medium;
color : #FFFF00;
font-weight : bolder;
}
p.c111 { 
text-align : left;
font-family : arial,helvetica,sans-serif;
font-size : 16px;
color : #FFFF00;
font-weight : bolder;
}

p.c2 { 
text-align : center; 
}
p.c2index { 
text-align : justify;
font-family : arial,helvetica,sans-serif;
font-size : small;
font-style : italic;
color : #FFFFFF;
}
p.c25index { 
text-align : justify;
font-family : arial,helvetica,sans-serif;
font-size : small;
font-style : italic;
color : #FFFFFF;
margin-right:20px;
margin-left:20px;
}
p.c3 { 
color : #005100; 
font-family : Times New Roman; 
font-size : small; 
line-height : 150%; 
} 
p.c3 { 
color : #ffff00; 
font-family : arial, helvetica, sans-serif; 
text-align : left; 
} 
p.c3index { 
font-family : arial,helvetica,sans-serif;
font-size : small;
font-style : italic;
color : #FFFFFF;
text-align : right; 
}
p.c4 { 
font-family : Times New Roman; 
line-height : 150%; 
} 
p.c4 { 
color : #ffffff; 
font-family : arial, helvetica, sans-serif; 
font-size : 80%; 
text-align : justify; 
}
p.c5 { 
font-family : Times New Roman; 
font-size : 80%; 
line-height : 150%; 
} 
p.c5 { 
color : #ffffff; 
font-family : arial, helvetica, sans-serif; 
font-size : 80%; 
text-align : left; 
} 
p.c6 { 
text-align : center; 
}
p.c12 { 
text-align : left; 
} 
p.c12 { 
font-family : Arial; 
font-size : 80%; 
}
p.c13 { 
font-size : 80%; 
} 
p.c14 { 
line-height : 150%; 
}
p.c16 { 
text-align : center; 
} 
p.c17 { 
text-align : center; 
} 
p.c21 { 
font-family : Times New Roman; 
text-align : center; 
}
p.c22 { 
text-align : left; 
}
p.c23 { 
font-family : Times New Roman; 
line-height : 150%; 
text-align : center; 
} 
p.c25 { 
line-height : 150%; 
text-align : center; 
}
p.c30 { 
text-align : justify; 
} 
p.c33 { 
text-align : left; 
}
p.c36 { 
color : #005100; 
font-family : Times New Roman; 
line-height : 150%; 
}
p.c41 { 
font-family : Arial; 
text-align : right; 
}
p.c43 { 
font-family : Arial; 
text-align : left; 
}
p.c44 { 
font-family : Arial; 
text-align : center; 
}
p.c46 { 
font-family : Arial; 
text-align : justify; 
}
p.c47 { 
color : #000000; 
font-family : Arial; 
font-size : 9vw; 
text-align : center; 
}
p.c48 { 
color : #000000; 
font-family : Arial; 
text-align : right; 
}
p.c49 { 
color : #000000; 
font-family : Arial; 
font-size : 9vw; 
text-align : justify; 
}
p.c51 { 
margin-left : 0; 
margin-right : 0; 
margin-top : 0; 
margin-bottom : 0; 
}
p.c52 { 
margin : 0; 
margin-bottom : 0; 
}
pre.c5 { 
color : #c67240; 
font-family : Arial; 
font-size : 150%; 
}
pre.c7 { 
font-family : Arial; 
}
pre.c8 { 
margin-top : 1px; 
margin-bottom : 1px; 
} 
pre.c8 { 
font-family : Arial; 
margin-bottom : 0; 
margin-top : 0; 
}
pre.c9 { 
margin-top : 1px; 
margin-bottom : 1px; 
line-height : 150%; 
} 
#shadow {
width: 1000px;
-moz-box-shadow:    0px 5px 30px #888888;
-webkit-box-shadow: 0px 5px 150px #888888;
box-shadow: 0px 5px 45px #888888;
}/*jfdkajf;dakjf;l*/
span.c1 { 
color : #9e0508; 
font-family : Arial; 
font-size : 150%; 
} 
span.c1 { 
color : #9e0508; 
font-family : arial, helvetica, sans-serif; 
} 
span.c1 { 
color : #9e0508; 
font-family : Arial; 
font-size : 200%; 
}
span.c2 { 
font-weight : 400;
margin-left : 0px; 
} 
span.c2 { 
font-family : Arial; 
} 
span.c2 { 
font-family : arial, helvetica, sans-serif; 
font-size : 80%; 
}
span.c3 { 
color : #004000; 
}
span.c4 { 
color : #004000; 
font-family : Arial; 
} 
span.c4 { 
color : #339933; 
}
span.c5 { 
font-family : Arial; 
font-size : 80%; 
}
span.c6 { 
font-size : 80%; 
}
span.c7 { 
color : #004000; 
}
span.c8 { 
color : #004000; 
font-size : 80%; 
}
span.c9 { 
color : #000000; 
} 
span.c9 { 
font-family : Arial; 
}
span.c10 { 
font-size : 80%; 
}
span.c10 { 
font-size : 12px; 
font-family : Arial; 
} 
span.c10 { 
color : #004000; 
font-family : Arial; 
font-size : 80%; 
}
span.c11 { 
font-family : Times New Roman; 
font-size : 80%; 
margin-bottom : 1px; 
} 
span.c11 { 
font-family : Arial; 
font-size : 12px; 
color : #000000; 
}
span.c12 { 
font-family : Times New Roman; 
font-size : 80%; 
} 
span.c13 { 
font-family : Arial; 
}
span.c14 { 
color : #ffff00; 
font-size : 120%; 
} 
span.c14 { 
font-family : Arial; 
font-weight : 700; 
}
span.c15 { 
font-family : Times New Roman; 
} 
span.c16 { 
font-family : Arial; 
font-size : 80%; 
}
span.c18 { 
font-size : 80%; 
} 
span.c18 { 
color : #ffff00; 
}
span.c19 { 
font-size : 12px; 
font-family : "Times New Roman"; 
} 
span.c19 { 
background-color : #c67240; 
} 
span.c19 { 
color : #339933; 
font-size : 200%; 
}
span.c20 { 
font-family : Times New Roman; 
} 
span.c20 { 
background-color : #008000; 
} 
span.c20 { 
color : #004000; 
}
span.c21 { 
font-size : 12px; 
font-family : "Times New Roman"; 
} 
span.c21 { 
color : #ffffff; 
font-size : 80%; 
} 
span.c22 { 
color : #339933; 
font-size : 80%; 
}
span.c24 { 
font-family : "Wingdings 2"; 
} 
span.c24 { 
color : #339933; 
font-family : Arial; 
font-size : 150%; 
} 
span.c24 { 
color : #339933; 
font-family : Times New Roman; 
font-size : 80%; 
}
span.c25 { 
color : #339933; 
font-family : Arial; 
font-size : 9px; 
font-weight : 700; 
}
span.c26 { 
font-family : Arial; 
font-size : 70%; 
}
span.c27 { 
text-decoration : underline; 
} 
span.c27 { 
font-size : 70%; 
font-weight : 400; 
}
span.c28 { 
font-size : 9px; 
font-weight : 700; 
} 
span.c28 { 
font-family : Times New Roman; 
}
span.c29 { 
font-family : Arial; 
font-size : 70%; 
font-weight : 400; 
} 
span.c29 { 
color : #339933; 
font-family : Times New Roman; 
} 
span.c31 { 
color : #339933; 
font-family : Times New Roman; 
font-size : 150%; 
}
span.c32 { 
font-size : 9px; 
} 
span.c32 { 
color : #003000; 
font-family : Times New Roman; 
font-size : 80%; 
}
span.c33 { 
font-family : Arial; 
font-size : 9px; 
font-weight : 700; 
}
span.c34 { 
color : #000000; 
font-family : Arial; 
font-size : 9px; 
}
span.c35 { 
color : #339933; 
font-family : Arial; 
font-size : 9px; 
} 
span.c35 { 
color : #005100; 
font-family : Times New Roman; 
}
span.c36 { 
color : #000000; 
font-family : Arial; 
font-size : 80%; 
}
span.c38 { 
font-family : Arial; 
font-size : 9px; 
}
span.c39 { 
font-family : Arial; 
font-size : 8px; 
font-weight : 400; 
} 
span.c39footer { 
color : #9e0508; 
font-family : arial, helvetica, sans-serif; 
font-size : medium;
font-weight : bolder;
}
span.c40 { 
color : #000000; 
font-size : 8px; 
font-weight : 400; 
} 
span.c40footer { 
color : #009900;
font-family : arial, helvetica, sans-serif; 
font-size : small;
font-style : italic;
font-weight : normal;
} 
span.c41 { 
color : #006633;
font-family : arial, helvetica, sans-serif; 
font-size : large;
font-weight : bold;
}
span.c411 { 
color : #006633;
font-family : arial, helvetica, sans-serif; 
font-size : 13px;
font-weight : bold;
}
span.c42footer {
font-family : arial, helvetica, sans-serif; 
font-size : small; 
font-weight : normal; 
} 
span.c42 { 
color : #00ff33; 
font-size : 80%; 
} 
span.c43 { 
color : #9e0508; 
font-family : arial, helvetica, sans-serif; 
font-size : small; 
font-weight : normal; 
}
span.c45 { 
color : #000000; 
font-size : 9px; 
}
span.c50 { 
font-size : 9px; 
font-weight : 400; 
}
span.c53 { 
font-family : Times New Roman; 
font-size : 9px; 
font-weight : 400; 
}
span.c54 { 
color : #000000; 
font-family : Arial; 
font-size : 8px; 
font-weight : 400; 
} 
table.c5 {
text-align:center;
margin-left:auto;
margin-right:auto;
border-collapse : separate;
border-style:solid;
border-width:1px;
border-color:#ffffff;
background-color : #339933;
width : 720px;
}
table.c6 {
text-align:center;
margin-left:auto;
margin-right:auto;
border-collapse : separate;
background-color : #339933;
width : 950px;
}
table.c7 { 
background-color : #339933; 
}
table.c10 { 
background-color : #fbefd2; 
} 
table.c11 {
text-align:center;
margin-left:auto;
margin-right:auto;
border-collapse : separate;
width : 950px;
}
table.c15 { 
border-collapse : collapse; 
}
table.c55 { 
border-collapse : collapse; 
} 
table.c100 { 
align="center"
background-color : ffffff; 
text-align:center;
width : 700px;
} 
td.c4 { 
background-color : #008000;
padding : 8px;
}
td.c6 { 
border-left : 3px solid #008000; 
border-top : 3px solid #008000; 
border-bottom : 3px solid #008000; 
padding : 1px; 
line-height : 200%; 
} 
td.c6 { 
background-color : #008000; 
}
td.c9 { 
background-color : #ffffff; 
} 
td.c18 { 
line-height : 200%; 
border : 3px solid #008000; 
padding-left : 4px; 
padding-right : 4px; 
padding-top : 1px; 
padding-bottom : 1px; 
}
td.c23 { 
background-color : #008000; 
} 
td.c26 { 
background-color : #ffff99; 
border-bottom : 3px solid #008000; 
border-left : 3px solid #008000; 
border-right : 3px solid #008000; 
line-height : 200%; 
padding : 1px; 
} 
td.c30 { 
border : 2px solid #008000; 
padding : 0; 
} 
td.c34 { 
background-color : #ffff99; 
border-bottom : 3px solid #008000; 
border-left : 3px solid #008000; 
border-right-style : solid; 
border-top : 3px solid #008000; 
padding-bottom : 1px; 
padding-left : 4px; 
padding-right : 4px; 
padding-top : 1px; 
} 
td.c37 { 
padding : 1px; 
line-height : 200%; 
border : 3px solid #008000; 
} 
td.c38 { 
padding : 0; 
line-height : 100%; 
} 
ul { 
font-family : Arial; 
font-size : 11px; 
color : #004000; 
} 
ul.banner { 
font-weight : bold; 
font-size : 14px; 
color : #004000; 
margin : 5px; 
}
#navigation ul
{
padding: 0px;
margin: 0px;
}
#navigation li {
list-style-type: none;
float:left;
}
#navigation a {
font-size : 14px; 
font-weight : bold;  
display:block;
width:120px;
text-decoration:none;
}
#navigation a:hover,a:active
{
color : #ff9933;
}
#navigation a:link,a:visited {
color : #339933; 
}
#sunBullet ul { 
font-family : Arial; 
font-size : 11px; 
color : #004000; 
list-style-image : url(/images/sun%20symbol.gif); 
} 
#sunBullet ul.banner { 
font-weight : bold; 
font-size : 14px; 
color : #004000; 
list-style-image : url(/images/sun%20symbol.gif); 
margin : 5px; 
} 
#sunBullet li { 
font-family : Arial; 
font-size : 11px; 
color : #004000; 
list-style-image : url(/images/sun%20symbol.gif); 
} 
#sunBullet li.banner { 
font-weight : bold; 
font-size : 14px; 
color : #004000; 
list-style-image : url(/images/sun%20symbol.gif); 
margin : 5px; 
} 

#slider_container_2 { float: none; margin: 0 0 0 -15px; padding: 15px; width: 720px; background: url(images/hidden/bg.png) no-repeat 0 0; }

.SliderName_2 {
	float: none;
	width: 720px;
	height: 350px;
	overflow: hidden;
}

.SliderNamePrev_2 {
	background: url(images/hidden/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_2 {
	background: url(images/hidden/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_2Description {
	padding: 10px;
	font-family: arial,helvetica,sans-serif;
	font-size: 30px;
	font-style: em;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #339933;
}

#SliderNameNavigation_2 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_2 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(images/slider_images/bullet.png) no-repeat center center;
}

#SliderNameNavigation_2 a.active img
{
	background: url(images/slider_images/bullet_active.png) no-repeat center center;
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
#slider_container_3 { float: none; margin: 0 0 0 -15px; padding: 15px; width: 230px; background: url(images/hidden/bg.png) no-repeat 0 0; }

.SliderName_3 {
	float: none;
	width: 230px;
	height: 330px;
	overflow: hidden;
}

.SliderNamePrev_3 {
	background: url(images/hidden/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_3 {
	background: url(images/hidden/right.png) no-repeat right center;
	width: 50pxv;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_3Description {
	padding: 10px;
	font-family: arial,helvetica,sans-serif;
	font-size: 30px;
	font-style: em;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #339933;
}

#SliderNameNavigation_3 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_3 a:link, #SliderNameNavigation_3 a:active, #SliderNameNavigation_3 a:visited, #SliderNameNavigation_3 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_3 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(images/slider_images/bullet.png) no-repeat center center;
}

#SliderNameNavigation_3 a.active img
{
	background: url(images/slider_images/bullet_active.png) no-repeat center center;
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

#slider_container_4 { float: none; margin: 0 0 0 -15px; padding: 15px; width: 200px; background: url(images/hidden/bg.png) no-repeat 0 0; }

.SliderName_4 {
	float: none;
	width: 200px;
	height: 100px;
	overflow: hidden;
}

.SliderNamePrev_4 {
	background: url(images/hidden/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_4 {
	background: url(images/hidden/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_4Description {
	padding: 10px;
	font-family: arial,helvetica,sans-serif;
	font-size: 30px;
	font-style: em;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #339933;
}

#SliderNameNavigation_4 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_4 a:link, #SliderNameNavigation_4 a:active, #SliderNameNavigation_4 a:visited, #SliderNameNavigation_4 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_4 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(images/slider_images/bullet.png) no-repeat center center;
}

#SliderNameNavigation_4 a.active img
{
	background: url(images/slider_images/bullet_active.png) no-repeat center center;
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
#slider_container_5 { float: none; margin: 0 0 0 -15px; padding: 15px; width: 100%; background: url(images/hidden/bg.png) no-repeat 0 0; }

.SliderName_5 {
	float: none;
	width: 100px;
	height: 60px;
	overflow: hidden;
}

.SliderNamePrev_5 {
	background: url(images/hidden/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_5 {
	background: url(images/hidden/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_5Description {
	padding: 10px;
	font-family: arial,helvetica,sans-serif;
	font-size: 30px;
	font-style: em;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #339933;
}

#SliderNameNavigation_5 { margin: 0; padding: 0px 0 0 0; height: 1px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_5 a:link, #SliderNameNavigation_5 a:active, #SliderNameNavigation_5 a:visited, #SliderNameNavigation_5 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_5 a img
{
	border: none;
	width: 16px;
	height: 1px;
}

#SliderNameNavigation_5 a.active img
{
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
.webxten h1, h2, p{
font-size: 16px;

}

.webxten img {
	max-width: 75%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	}

p.question {

padding: 0cm 1px;

}
.headerNav {
  display: flex;
  justify-content: center;
  width: 80%;
  margin:auto;
  text-align: center;
  background-color:#008000;
  padding-top:15px;
  padding-bottom:15px;
}

.flexWrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 80%;
  margin:auto;
  text-align: center;
}
.flexWrap2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 80%;
  margin:auto;
  text-align: center;
}
.flex1Col {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
.flex2Col {
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  margin:auto;
}
.flex2ColVertAlign {
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  margin:auto;
  display:flex;
  align-items:left;
}
flex2ColVertAlignCenter {
  box-sizing: border-box;
  width: 90%;
  margin:auto;
  display:flex;
  align-items:left;
}
.flex3Col {
  box-sizing: border-box;
  padding: 10px;
  width: 33.3%;
  margin:auto;
}
.flex4Col {
  box-sizing: border-box;
  padding: 10px;
  width: 25%;
  margin:auto;
}
flex6Col {
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;
  width: 16.66%;
  margin:auto;
}
.flexFill {
  display: flex;
  box-sizing: border-box;
  padding: 10px;
  width: 80%;
  margin:auto;
  justify-content: center;
}
/* (B) BREAK DOWN 1 COLUMN ON SMALL SCREENS */
@media only screen and (max-width: 768px) {
  .flexWrap { flex-wrap: wrap; }
  .headerNav { flex-wrap: wrap; }
  .flex1Col { width: 100%; }
  .flex2Col { width: 100%; }
  .flex3Col { width: 100%; }
  .flex6Col { width: 33.33%; }
}
@media only screen and (max-width: 384px) {
  .flex6Col { width: 100%; }
}

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.responsive2 {
  width: 100%;
  max-width: 600px;
  height: auto;
}