@media screen and (max-width: 1300px) {
	.grid { width: calc(100% - 40px); margin-right:20px; margin-left:20px }
	.noRmargin { margin-right: -20px!important; /*adjust for grid indent*/}
	.noRmargin .sectionIMGright { margin-right: -20px!important; /*adjust for grid indent*/}	
	.noLmargin { margin-left: -20px!important; /*adjust for grid indent*/}	
	
}

@media (max-width: 940px) {
  /* target only the .footRow columns */
  .row.footRow > [class*="col-"] {
    /* make them full-width */
    flex: 0 0 100% !important;
    max-width: 100%    !important;
    width: 100%        !important;
  }
  .footLogo {display: block;margin-left:auto; margin-right:auto;}
  .footAdr,
  .footSocial,
  .footEM,
  .footPh,
  .footSHead {	text-align:center; }
  .footServ {
	 display:inline-block; padding-right: 20px; padding-left:20px; border-right:1px var(--textColor) solid; text-align:center;
	}
  .mobServ > a:last-of-type > .footServ {border-right:none;}

  .mobServ {	text-align:center; width:100%;}
}

@media (max-width: 850px) {
	
  .row.v-align > [class*="col-"] {
    /* make them full-width */
    flex: 0 0 100% !important;
    max-width: 100%    !important;
    width: 100%        !important;
    text-align:center;
  }
  .grayBar  {
    text-align:center;
  }
  
  .sectionIMGright,
  .sectionIMGleft { margin-left:auto;margin-right:auto; padding:0; display:inline-block; }
  .noRmargin,
  .noLmargin {
	margin:0!important;
}



}