@charset "UTF-8";

sup {line-height: 0;}

/*------------------------------------------|
|-------------------------------------------|
|  	   Promotional Page                     | 
|   splash images of products promoted      |
|-------------------------------------------|
|------------------------------------------*/


/*-------------------------------------------
|    Mobile device Portrait      	 	    | 
| 	 Grid layout tweak	 	  				|
-----------------------------------------  */

/*Default-  Promotional layout portrait phone <=320 */
	/*Keep default of logo and tag at top of screen*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(75px, auto) minmax(30px, auto) auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.masthead {width: 265px;}

.Full {
	top: 155px;
	}

.content {
	margin: 0;
	grid-area: content;
	width: 290px;
	}

.Header {
	width: 275px;
	margin: 12px 0 0 0;
	text-align: center;
	align-self: center;
	}	
.Trailer, .TrailerB, .SubHdr {
	width: 275px;
	margin: 4px 0 0 0;
	text-align: center;
	align-self: center;
	}
	
.Header {
	grid-area: header;
	}	
	
.fLeft {
	grid-area: ColA;
	border-right: none;
	}
	
.fCentr {
	grid-area: ColB;	
	}
		
.fRt {
	grid-area: ColC;
	}

.Trl {
	grid-area: Trailer;
	}
		
.content {
	border-image-source: url(../Images/GrnNeonLinePattern.png);
	border-image-repeat: stretch;
	border-image-slice: 6 0 0 0;
	border-image-width: 4px;
	}

h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	font-style: italic;
	color: rgba(0,204,51,1);
	}	
h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:400;
	color: rgba(0,204,51,1);
	}

.content {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: "header"
	"ColA"
	"ColB"
	"ColC"
	"Trailer";
	}

.fLeft {
	text-align: center;
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	border-radius: 10px;
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	width: 270px;
	}

img.IGtag {
	display: block;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	}

h4.contact {
	font-size: 12px;
	font-style: oblique;
	color: rgba(0,204,51,1);
	text-align: left;
	margin: 0;
	padding-left: 30px;
	width: 245px;
	}
p.contact {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: rgba(0,204,51,1);
	margin-top: 0;
	margin-bottom: 0;
	}
a.mail {text-decoration: none; color: rgba(0,204,51,1);}

img.MMtag {width: 250px;}

/* --------------------- */		
.fCentr {
	text-align: left;
	margin-top: 12px;
	padding-left: 10px;
	margin-left: 10px;
	width: 250px;
	}
	
p.Txt2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	}
	
.box{width: 215px; margin-left: 15px; border: 1px solid rgba(0,204,51,1); border-radius: 15px;}
.Lst1, .Lst2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	}
.Lst1 p, .Lst2 p {width: 180px; margin: 5px 0 0 5px; padding-left: 10px;}

.fCentr p ~ ul {
	width: 215px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 10px;}

/* -------------------- */
p.fRt {
	text-align: center;
	padding-bottom: 25px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25); 
	margin-left: 10px;
	width: 260px;
	}

p.fRt img.LogoA {width: 220px; padding-top: 25px; margin-left: 0; margin-bottom: -15px;}
p.fRt img.LogoB {width: 265px;}
p.fRt img.LogoC {width: 145px; padding-bottom: 20px;}
p.fRt img.LogoD {width: 230px;  margin: 0;}

/*------------------------------|
|     Style Default states      |
|     Nav Mobile 5              |
|------------------------------*/

@media screen and (min-width: 320px) and (max-height: 568px) {		/*portrait phone 5*/
	/*Tweak content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 75px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.Full {
	top: 190px;
	}

.content {
	width: 290px;
	}
.Header, .Trailer, .TrailerB, .SubHdr {
	width: 275px;
	}

.fLeft {width: 270px;}
a.mail {text-decoration: none; color: rgba(0,204,51,1);}
}

/*------------------------------|
|     Style Default states      |
|     Nav Mobile 6-7-8          |
|------------------------------*/

@media screen and (min-width: 375px) and (max-height: 667px) {  	/*portrait phone 6-7-8*/
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 73px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.Full {
	top: 170px;
	}
	
.content {
	width: 335px;
	}
.Header, .Trailer, .TrailerB, .SubHdr {
	width: 335px;
	}

.fLeft {
	width: 325px;
	}
h4.contact {width: 285px; padding-left: 40px;}
img.MMtag {width: 260px;}	

.fCentr {
	padding-right: 15px;
	padding-left: 10px;
	margin-left: 15px;
	width: 300px;
	}
p.Txt2 {width: 300px; margin-left: 0;}

.box {width: 235px; margin-left: 20px;}
.Lst1 p, .Lst2 p {width: 190px;}

f.Centr p ~ ul {width: 235px;}

p.fRt {width: 315px;}

p.fRt img.LogoA {width: 260px; margin-left: 0; margin-bottom: -15px;}
p.fRt img.LogoB {width: 315px;}
p.fRt img.LogoC {width: 175px; padding-bottom: 20px;}
p.fRt img.LogoD {width: 250px;  margin-left: 15px;}
}

/*-----------------------------|
|     Style Default states      |
|     Nav Mobile 10 size        |
|------------------------------*/

@media screen and (min-width: 375px) and (max-height: 812px) { 	/*portrait phone 10*/
	/*Tweak content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 73px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.Full {
	top: 165px;
	}
	
.content {
	width: 335px;
	}
.Header, .Trailer, .TrailerB, .SubHdr {
	width: 335px;
	}

.fLeft {
	width: 325px;
	}
.fCentr {
	width: 300px;
	}

p.Txt2 {width: 300px; margin-left: 0;}

.box {width: 235px; margin-left: 20px;}
.Lst1 p, .Lst2 p {width: 190px;}

f.Centr p ~ ul {width: 235px;}

p.fRt {width: 315px;}

p.fRt img.LogoA {width: 260px; margin-left: 0; margin-bottom: -15px;}
p.fRt img.LogoB {width: 315px;}
p.fRt img.LogoC {width: 175px; padding-bottom: 20px;}
p.fRt img.LogoD {width: 250px;  margin-left: 15px;}
}

/*------------------------------|
|     Style Default states      |
|     Nav Mobile 8 plus         |
|------------------------------*/

@media screen and (min-width: 414px) and (max-height: 896px) { 	/*portrait phone 8 plus, phone 11 */
	/*Tweak content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {width: 295px;}

.Full {
	top: 180px;
	}

.content {
	width: 365px;
	}
.Header, .Trailer, .TrailerB, .SubHdr {
	width: 365px;
	}
	
.fLeft {
	width: 365px;
	}

h4.contact {width: 315px; padding-left: 50px;}
img.MMtag {width: 290px;}

/* ------------------ */	
.fCentr {
	padding-left: 10px;
	margin-left: 20px;
	width: 320px;
	}
p.Txt2 {width: 320px;}

.box {width: 245px; margin-left: 25px;}
.Lst1 p, .Lst2 p {width: 200px;}

.fCentr p ~ ul {width: 245px;}

/* ------------------- */
p.fRt {width: 340px;}

p.fRt img.LogoA {width: 285px; margin-left: 0; margin-bottom: -25px;}
p.fRt img.LogoB {width: 340px;}
p.fRt img.LogoC {width: 190px; padding-bottom: 25px;}
p.fRt img.LogoD {width: 270px;  margin-left: 15px;}
}


@media screen and (min-width: 360px) and (min-height: 780px) {   /*portrait phone 12 5+in */
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.masthead {width: 295px;}

.Full {
	top: 170px;
	}
	
.content {width: 315px;}

.Header, .Trailer, .TrailerB, .SubHdr {
	width: 315px;
	}
.fLeft {width: 315px;}
	
.fCentr {width: 270px;}
.box {width: 245px;}
.Lst1 p, .Lst2 p {width: 220px;}
.fCentr p ~ ul {width: 225px;}

p.fRt {width: 290px;}
}

@media screen and (min-width: 390px) and (min-height: 844px) {   /*portrait phone 12 6in */
	/*Tweak content width*/
.content {width: 350px;}

.Header, .Trailer, .TrailerB, .SubHdr {
	width: 350px;
	}

.fLeft {width: 350px;}

.fCentr {width: 305px;}
.box {width: 280px;}
.Lst1 p, .Lst2 p {width: 255px;}
.fCentr p ~ ul {width: 260px;}
	
p.fRt {width: 325px;}
}


@media screen and (min-width: 428px) and (min-height: 926px) {   /*portrait phone 12  6+in */
	/*Tweak content width*/
.masthead {width: 315px;}
.tagline {margin-left: 120px;}

.content {width: 380px;}

.Header, .Trailer, .TrailerB, .SubHdr {
	width: 380px;
	}

.fLeft {width: 375px;}	

.fCentr {width: 335px;}
p.Txt2 {margin-left: 10px;}

.box {width: 310px;}
.Lst1 p, .Lst2 p {width: 285px;}
.fCentr p ~ ul {width: 290px;}

p.fRt {width: 355px;}
}


/*-------------------------------------------
|-------------------------------------------|
|          Tweaks-                          |
|    Mobile device horizontal size  	    | 
| 	 Grid layout							|
|-------------------------------------------|
|------------------------------------------*/

@media screen and (max-width: 480px) and (min-width: 415px) and (max-height: 320px) {    /*landscape phone 4*/
	/*Tweak content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(80px, auto) minmax(30px, auto) auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {width: 275px;}

.Full {
	top: 80px;
	}

.content {
	width: 430px;
	}

.Header {
	width: 255px;}
.Trailer, .TrailerB, .SubHdr {
	width: 365px;}
	
.content {
	display: grid;
	grid-template-columns: minmax(185px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

.fLeft {
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	border-radius: 10px;
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	width: 185px;
	}
	
img.IGtag {
	display: block;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	}	

h4.contact {
	font-size: 12px;
	font-style: oblique;
	margin: 0;
	padding-left: 10px;
	width: 175px;
	}
p.contact {
	font-size: 10px;
	font-style: normal;
	width: 185px;
	}
		
img.MMtag {width: 170px;}

/* -------------------------- */		
.fCentr {
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 15px;
	width: 220px;
	}

p.Txt2 {
	text-align: left;
	margin-top: 12px;
	margin-left: 0;
	width: 220px; 
	}

.box {width: 200px; margin-left: 5px;}
.Lst1 p, .Lst2 p {width: 175px; margin: 5px 0 0 5px;}

.fCentr p ~ ul {
	width: 200px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 15px;}

/* -------------------------- */
p.fRt {
	text-align: center;
	padding-bottom: 25px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25); 
	margin-left: 5px;
	width: 250px;
	}
	
p.fRt img.LogoA {width: 210px; padding-top: 25px; margin-left: 0px; margin-bottom: -15px;}
p.fRt img.LogoB {width: 250px;}
p.fRt img.LogoC {width: 140px; padding-bottom: 15px;}
p.fRt img.LogoD {width: 200px; margin: 0;}
}


@media screen and (max-width: 568px) and (min-width: 481px) and (max-height: 320px) {	/*landscape phone 5*/
	/*Tweak content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {width: 275px;}

.Full {
	top: 80px;
	}

.content {
	width: 520px;
	}
	
.Header {
	width: 290px;}
.Trailer, .TrailerB, .SubHdr {
	width: 450px;}
	
.content {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

.fLeft {
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	border-radius: 10px;
	width: 230px;}
	
img.IGtag {
	width: 190px;
	}
	
h4.contact {width: 210px; margin: 0; padding-left: 20px;}
p.contact {font-size: 10px; font-style: normal;}

img.MMtag {width: 210px;}

/* -------------------- */
.fCentr {
	padding-right: 15px;
	padding-left: 10px;
	margin-left: 15px;
	width: 250px;
	}
	
p.Txt2 {
	margin-top: 12px;
	margin-left: 0;
	width: 250px;
	}
	
.box {width: 220px; margin-left: 15px;}
.Lst1 p, .Lst2 p {width: 185px; margin: 5px 0 0 5px;}

.fCentr p ~ ul {
	width: 220px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 15px;}

/* ----------------------- */ 
p.fRt {
	text-align: center;
	padding-bottom: 25px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	margin-left: 5px;
	width: 285px;
	}

p.fRt img.LogoA {width: 240px; padding-top: 25px; margin-left: 0px; margin-bottom: -20px;}
p.fRt img.LogoB {width: 285px;}
p.fRt img.LogoC {width: 160px; padding-bottom: 15px;}
p.fRt img.LogoD {width: 230px;  margin: 0;}
}


@media screen and (max-width: 667px) and (min-width: 569px) and (max-height: 375px) {	/*landscape phone 6-7-8*/
	/*Tweak content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 92px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {width: 325px;}

.Full {
	top: 130px;
	}
	
.content {
	width: 620px;
	}
	
.Header{
	width: 365px;}
.Trailer, .TrailerB, .SubHdr {
	width: 500px;}
	
.content {
	display: grid;
	grid-template-columns: minmax(250px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}
	
.fLeft {
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	border-radius: 10px;
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	width: 260px;}
	
img.IGtag {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	}
	
h4.contact {
	margin: 0;
	padding-left: 15px;
	width: 245px; 
	}
p.contact {width: 255px; font-style: normal;}

img.MMtag {width: 240px;}

/* ----------------------- */ 
.fCentr {
	padding-right: 20px;
	padding-left: 10px;
	margin-left: 20px;
	width: 310px;
	}

p.Txt2 {
	text-align: left;
	margin-top: 12px;
	margin-left: 0;
	width: 310px;
	}
	
.box {width: 275px; margin-left: 15px;}
.Lst1 p, .Lst2 p {width: 260px; margin: 5px 0 0 5px;}

.fCentr p ~ ul {
	width: 275px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 15px;}

/* -------------------------- */
p.fRt {
	text-align: center;
	padding-bottom: 25px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	margin-left: 5px;
	width: 360px;
	}
	
p.fRt img.LogoA {width: 300px; padding-top: 25px; margin-left: 0; margin-bottom: -20px;}
p.fRt img.LogoB {width: 360px;}
p.fRt img.LogoC {width: 200px; padding-bottom: 25px;}
p.fRt img.LogoD {width: 285px; margin: 0;}
}

@media screen and (max-width: 740px) and (min-width: 668px) and (max-height: 414px) {	/*landscape phone 8 plus*/
	/*Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 103px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {width: 360px;}

.Full {
	top: 140px;
	}

.content {
	width: 680px;
	}
.Header {
	width: 395px;}
.Trailer, .TrailerB, .SubHdr {
	width: 565px;}
	
.content {
	display: grid;
	grid-template-columns: minmax(285px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

.fLeft {
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	border-radius: 10px;
	width: 285px;
	}

img.IGtag {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	}

h4.contact {
	font-size: 14px;
	margin: 0;
	padding-left: 20px;
	width: 265px;
	}
p.contact {font-style: normal; width: 280px; margin-left: 5px;}

img.MMtag {width: 260px;}

/* --------------------------- */
.fCentr {
	padding-right: 15px;
	padding-left: 10px;
	margin-left: 25px;
	width: 345px;
	}

p.Txt2 {
	margin-top: 12px;
	margin-left: 0;
	width: 345px;
	}

.box {width: 300px; margin-left: 20px;}
.Lst1 p, .Lst2 p {width: 285px; margin: 5px 0 0 5px;}

.fCentr p ~ ul {
	width: 300px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 20px;}

/* ---------------------------- */
p.fRt {
	text-align: center;
	padding-bottom: 35px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	margin-left: 5px;
	width: 390px;
	}

p.fRt img.LogoA {width: 315px; padding-top: 25px; margin-left: 0; margin-bottom: -30px;}
p.fRt img.LogoB {width: 375px;}
p.fRt img.LogoC {width: 210px; padding-bottom: 45px;}
p.fRt img.LogoD {width: 300px; margin: 0;}
}


@media screen and (max-width: 833px) and (min-width: 741px) and (max-height: 375px) {	/*landscape phone 10*/
	/*Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 135px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	margin-top: 25px;
	margin-left: 75px;
	width: 375px;
	}

.Full {
	top: 140px;
	}
	
.content {
	width: 775px;
	}
.Header {
	width: 440px;}
.Trailer, .TrailerB, .SubHdr {
	width: 660px;}
	
.content {
	display: grid;
	grid-template-columns: minmax(305px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

.fLeft {
	border-right: solid thin rgba(0,204,51,1);
	border-bottom: solid thin rgba(0,204,51,1);
	border-radius: 10px;
	box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: 3px 2px 5px rgba(51,153,204,.25);
	width: 335px;
	}

img.IGtag {
	width: 300px;  /* max width */
	}
	
h4.contact {font-size: 14px; padding-left: 45px; margin: 0; width: 290px;}
p.contact {font-style: normal; width: 335px;}

img.MMtag {width: 300px;}
	
/* --------------------------- */
.fCentr {
	padding-right: 20px;
	padding-left: 10px;
	margin-left: 25px;
	width: 385px;
	}
	
p.Txt2 {
	margin-top: 12px;
	margin-left: 0;
	width: 375px;
	}

.box {width: 300px; margin-left: 35px;}
.Lst1 p, .Lst2 p {width: 285px; margin: 5px 0 0 5px;}

.fCentr p ~ ul {
	width: 300px;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.fCentr p ~ ul li {margin-bottom: 10px; padding-left: 30px; padding-right: 20px;}

/* --------------------------- */
p.fRt {
	text-align: center;
	padding-bottom: 45px;
	border-bottom: solid thin rgba(0,204,51,1);
	margin-bottom: 45px;
	border-radius: 10px;
	border-left: solid thin rgba(0,204,51,1);
	box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-o-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-ms-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-moz-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	-webkit-box-shadow: -3px 2px 5px rgba(51,153,204,.25);
	margin-left: 5px;
	width: 435px;
	}

p.fRt img.LogoA {width: 315px; padding-top: 25px; margin-left: 0; margin-bottom: -30px;}
p.fRt img.LogoB {width: 375px;}
p.fRt img.LogoC {width: 210px; padding-bottom: 25px;}
p.fRt img.LogoD {width: 300px; margin: 0;}
}


@media screen and (max-width: 896px) and (min-width: 834px) and (max-height: 414px) {  /*landscape iphone 11 */
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 105px 40px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.masthead {
	margin-left: 75px;
	width: 375px;
	height: 110px;
	}

.tagline {width: 350px; align-self: center;}

.Full {
	top: 140px;
	}
	
.content {
	width: 94vw;
	}

.Header {width: 52vw;}
.Trailer, .TrailerB, .SubHdr {
	width: 94vw;
	}

.content {
	display: grid;
	grid-template-columns: minmax(365px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

p.Txt2 {font-size: 14px;}

.fCentr {width: calc(52vw - 35px);}
p.Txt2 {width: calc(52vw - 55px);}

.box {width: calc(40vw - 35px);}
.Lst1 p, .Lst2 p {width: calc(40vw - 35px); font-size: 14px;}
.fCentr p ~ ul {width: calc(40vw - 35px); font-size: 14px;}

p.fRt {width: calc(52vw - 35px);}
}

@media screen and (min-width: 926px) and (min-height: 428px) {  /* landscape iphone 12 */
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 105px 40px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.masthead {
	margin-left: 75px;
	width: 375px;
	height: 110px;
	}

.tagline {
	margin-top: 0;
	margin-left: 240px;
	width: 350px;
	}
	
.Full {
	top: 170px;
	}
	
.content {
	width: 94vw;
	}

.Header {width: 52vw;}
.Trailer, .TrailerB, .SubHdr {
	width: 94vw;
	}

.content {
	display: grid;
	grid-template-columns: minmax(365px, 1fr) 1fr;
	grid-template-rows: minmax(40px, auto) auto;
	grid-template-areas: ". header"
	"ColA ColB"
	". ColB"
	". ColC"
	"Trailer Trailer";
	}

p.Txt2 {font-size: 14px;}

.fCentr {width: calc(53vw - 35px);}
p.Txt2 {width: calc(53vw - 55px);}

.box {width: calc(40vw - 35px); margin-left: 35px;}
.Lst1 p, .Lst2 p {width: calc(40vw - 35px); font-size: 14px;}
.fCentr p ~ ul {width: calc(40vw - 35px); font-size: 14px;}

p.fRt {width: calc(53vw - 35px);}
}