/*==========  Mobile First Method  ==========*/

/* Custom, IE 10 and 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body {
		letter-spacing: -0.4px !important;
	}
	h1 {
		letter-spacing: -1.9px !important;
	}
	h2, h3, h4 {
		letter-spacing: -1.2px !important;
	}
}	

/* Custom, early Firefox */
@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
	body, td {
		letter-spacing: -0.4px !important;
	}
	h1, .header-banner-text {
		letter-spacing: -2px !important;
  }
	h2, h3, h4, .analysis-text {
		letter-spacing: -1.0px !important;
	}
	
	.top-section-header-text {
    padding-top: 120px !important;
  }
	
  .moreBelow, .recommend-button {
    letter-spacing: -0.3px !important; 
  }
	
	.firefoxIpadFix {
    display: block !important;
  }
  
  .productCell h1 {
      letter-spacing: -.5px !important; /* Adjust the value as needed */
  }
  
}


/* Custom, current Firefox */
@-moz-document url-prefix() { 
	body, td {
		letter-spacing: -0.4px !important;
	}
	h1, .header-banner-text {
		letter-spacing: -2.5px !important;
  }
	h2, h3, h4, .analysis-text {
		letter-spacing: -1.0px !important;
	}
	
	.top-section-header-text {
    padding-top: 120px !important;
  }
	
  .moreBelow, .recommend-button {
    letter-spacing: -0.3px !important; 
  }
	
	.firefoxIpadFix {
    display: block !important;
  }
  
  .productCell h1 {
      letter-spacing: -.5px !important; /* Adjust the value as needed */
  }
  
}




/* Custom, Safari small desktop browser, no affect on phones (pix-ration=0) do not use */
@media not all and (min-resolution:.001dpcm) and (min-width : 320px) 
{ @media {
/*
		body {
		letter-spacing: -0.2px !important;
	}
	h1 {
		letter-spacing: -1.5px !important;
	}
	h2, h3, h4 {
		letter-spacing: -1.2px !important;
	}
	
	*/

	
	}}

/* Custom, Safari Large like ipad in PORTRAIT and sm mobile-sized desktop: same as above now - do not use */
@media not all and (min-resolution:.001dpcm) and (min-width : 320px) 
{ @media {
/*			body {
		letter-spacing: -0.4px !important;
	}
	h1, h4s {
		letter-spacing: -2.1px !important;
	}
	h2, h3 {
		letter-spacing: -1.5px !important;
	}
 */	
}}

/* Custom, Safari Large shared between ipad in LANDSCAPE &  Desktop-sized Safari : min992px */


/* New for safari all viewports 10.1 only apparently. do not use the width as it hits the samsung tablet in portrait as well */
@media not all and (min-resolution:.001dpcm) /* and (min-width : 992px) */
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
	body {
		letter-spacing: -0.1px !important;
	}
	h1 {
		letter-spacing: -1.2px !important;
	}
	h2, h3, h4, td, .analysis-text  {
		letter-spacing: -1.3px !important;
	}
}}

/* Safari 11+ */
/* this works for troy's ipad mini */ 
/* Tested with Safari Monterey.    */
/* combined with the CSS section below, this section is for width > 1366px */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	body {
		letter-spacing: -0.4px !important;
	}
	h1 {
		letter-spacing: -3.5px !important;
		line-height: 0.9em !important;
	}
	h2, h3, h4, .analysis-text {
		letter-spacing: -1.4px !important;
		line-height: 1.1em !important;
	}
	
	td {
    letter-spacing: -0.8px;
  }
  
  .firefoxIpadFix {
    display: block !important;
  }		
}}

@media not all and (min-resolution:.001dpcm) {       /* Tested with Safari Monterey.    */
  @media (max-width : 1366px)  {                     /* less than 1366px width */
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    
    	body {
    		letter-spacing: -0.4px !important;
    	}
    	h1 {
    		letter-spacing: -2.3px !important;
    		line-height: 0.9em !important;
    	}
    	h2, h3, h4, .analysis-text {
    		letter-spacing: -1.4px !important;
    		line-height: 1.1em !important;
    	}
    	
    	td {
        letter-spacing: -0.8px;
      }
      
      .firefoxIpadFix {
        display: block !important;
      }	
      	
    }}}



 @media not all and (min-resolution:.001dpcm) and (max-resolution:736px)  {  

	h1, .header-banner-text {
		letter-spacing: -1.8px !important;
  }

	h2, h3, h4, td, .chart-header-title-text, .analysis-text {
	  letter-spacing: -1.5px !important;
  }  
}

/* Custom attempt for iphone 6 and 6+ /7 */     /* looks like it also hits Firefox running on Galaxy phones */
@media only screen and (min-device-width : 375px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio: 2) {
	body, td, .analysis-text  {
		letter-spacing: -0.4px !important;
	}
	h1 {
		letter-spacing: -1.5px !important;
	}	
		h2, h3, h4 {
		letter-spacing: -1.5px !important;
	}
	
	.section-header-text {
    margin-top: 110px !important;
  }

}


/* added recently.. 11.24.19 ... pulled from welcome.bloved.com global css.  works for  large ipads
/* looks like this works for ipad, at least some of them . web says safari 6.1 to 10 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
  @media {

  		body {
  		letter-spacing: -0.2px !important;
  	}
  	h1, .header-banner-text  {
  		letter-spacing: -4.2px !important;
  		line-height: 0.8em !important;
  	}
  	h2, h3, h4 {
  		letter-spacing: -1.7px !important;
  		line-height: 1.0em !important;
  	}
  	
  	td, .chart-header-title-text, .analysis-text {
      letter-spacing: -1.5px !important;
    }
  	
  	button {
  		letter-spacing: -0.6px;
  	}
  	
    .firefoxIpadFix {
      display: block !important;
    }		
  } 
} /* end of this */