:root {
    --main-color:#FF763A;
}

/* # SPLASH
-------------------------------------*/
#splash {
  background-color: #333;
  background-image: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5) ), url(../images/top_bg.jpg);
  padding: 10px 0 0 0; 
  }
   
   
.fact_box span
{
	font-family: Roboto Slab; 
	font-weight: bold; 
	color: var(--main-color);
}

#app_link {
	background-color: var(--main-color);
}

a:HOVER { color: var(--main-color); }
.icon, #content .section-title span em {
  background-color: var(--main-color); }
  
  
#content section:nth-child(even) {
	background-image: url("../images/top_base.jpg");
    background-size:     cover;                      
}


h2 span {
position: relative;
padding: .2em;
border-left: 10px solid #CCC;
padding-left: 40px;
padding-right: 40px;
display:inline-block;
}

h2 span:first-letter {
margin-right: .1em;
font-size: 1.6em;
color: var(--main-color);;
}

h2 span:before {
position: absolute;
left: -10px;
bottom: 0;
content: '';
width: 10px;
height: 50%;
background-color: var(--main-color);
}

h2 span:after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 2px solid #CCC;
}