/*	version 0.1 – 2020-02-17 */
/*	@import url("Plex/css/ibm-plex.min.css") all; */

/*	FONT	*/
	body { font-family: 'IBM Plex Sans', sans-serif; }

	.condensed { font-family: 'IBM Plex Sans Condensed', sans-serif; }
	     .mono { font-family: 'IBM Plex Mono', monospace; }
	    .serif { font-family: 'IBM Plex Serif', serif; }

	.data, code, pre {
		font-family: 'IBM Plex Mono', monospace
	}



/*	FONT-SIZE	*/
	h1 { font-size: 2.50rem; }
	h2 { font-size: 2.00rem; }
	h3 { font-size: 1.50rem; }
	h4 { font-size: 1.125rem; }
	h5 { font-size: 1.00rem; }
	h6 { font-size: 0.85rem; }

	h1.display { font-size: 3.5rem; }

	small, .small { font-size: 85%; }
	
	.x-small, small small, .small .small { font-size: 75%; }

	/*	Defaults https://www.w3.org/TR/CSS2/sample.html 
		h1: 2em
		h2: 1.5em
		h3: 1.17em
		h4: 1em
		h5: 0.83em
		h6: 0.75em
	*/
	/*	Bootstrap defaults 
		h1: 2.50rem
		h2: 2.00rem
		h3: 1.75rem
		h4: 1.50rem
		h5: 1.25rem
		h6: 1.00rem
		Bootstrap .disply:
			font-weight:300
			H1.display-1 = 6.0rem
			H1.display-2 = 5.5rem
			H1.display-3 = 4.5rem
			H1.display-4 = 3.5rem
	*/


	sup {
		vertical-align: super;
		font-size: smaller;
		line-height: 0;
	  }


/*	FONT-STYLE	*/
	h5, h6 { font-style: italic; }
	h4.display { font-style: italic; }
	i, em { font-style: italic; }



/*	FONT-WEIGHT	*/
	  body, p { font-weight: 300; }
	b, strong { font-weight: 500 !important; }

	        h1, h2 { font-weight: 300; }
	h3, h4, h5, h6 { font-weight: 500; }

		h3 b, h3 strong,
		h4 b, h4 strong,
		h5 b, h5 strong,
		h6 b, h6 strong{ 
			font-weight: 700 !important;
		}

	h1.display { font-weight: 100; }
		h1.display b, 
		h1.display strong { font-weight: 300 !important; }


	h4.display { font-weight: 300; }
		h4.display b, 
		h4.display strong { font-weight: 500 !important; }




/*	LETTER_SPACING */
	small, .small{
		letter-spacing: 0.02em;
	}
	.x-small, small small, .small .small {
		letter-spacing: 0.033em;
	}
	
	.condensed { letter-spacing: -0.005em; }



/*	LINE-HEIGHT	*/
	body, p { 
		line-height: 1.33em;
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: 1.00em;
	}

	small, .small, 
	.x-small, small small, .small .small{
		line-height: 1.33em  !important;
	}

	  .display { line-height: 1.33em; }
	h1.display { line-height: 1.00em; }



/*	MARGINS	*/

	p { margin-bottom: 1.33em; }

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
	}
	


/*	COLOR	*/
	body, p { color: #222222; }
	
	h1, h3 { color: #3B8EDE; }
	
	h2 { color: #1e476f; }
	
	h4, h5, h6 { color: #7f7f7f; }

	  .display { color: #3B8EDE; }
	h4.display { color: #1e476f; }