/** HEADER **/
	
	ol.breadcrumb {  }
	
	
	@media (max-width: 991px) { 
	    h1 { font-size: 1.75rem; }
	    h2 { font-size: 1.25rem; }
	}

	/** HEADER **/
	
	#sidebar .fa { margin-right: 0.5em; }
	.navbar-toggler-icon { background-image: none !important; }
	
	/** HOMEPAGE **/
	
	#projects .card-header { height: 152px; }
		
	/** TABLES **/
	
	.table-first { margin-bottom: 0px; }
	.table-first tr:first-child td { border-top-width: 0px !important }
	
	#RelRecs a { white-space: normal; }
	#RelRecs tr th { padding-top: 1.5em; }
	 
	#RelRecs tr:first-child th { border-top-width: 0px !important }
	
	#RelRecs td:first-child a { display: block; position: relative; margin-left: 35px; color: black; text-decoration: none }
	
	#RelRecs td:first-child a:before {
	    font-family: FontAwesome;
	    content: "\f061";
	    display: inline-block;
	    vertical-align: middle;
	    color: #93C54B;
	    position: absolute;
	    left: -25px;
	}
	
	a.link { display: block; position: relative; margin-left: 35px; color: black; text-decoration: none }
	
	a.link:before {
	    font-family: FontAwesome;
	    content: "\f061";
	    display: inline-block;
	    vertical-align: middle;
	    color: #93C54B;
	    position: absolute;
	    left: -25px;
	}
	
	.fontlabel { font-weight: bold; }
	
	.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}